hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Bookmark-Icon auf Card gepackt + Keine Nav-Zeile beim Formular

Browse Source
This commit is contained in:
Xenia Grünzinger 2018-12-18 09:20:13 +01:00
parent efd023b050
commit b2ecbb6e12
5 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/createMessage.js
View File

@ -22,7 +22,7 @@ const CreateMsgRouter = {
</label>
</div>
</div>
<button class="btn btn-default"><a href="index.html#/home">ABBRECHEN </a></button>
<button class="btn btn-default"><a @click="$router.go(-1)">ABBRECHEN </a></button>
<button type="submit" class="btn btn-raised om-btn">SENDEN</button>
</form>
</div>

2
public/index.html
View File

@ -73,7 +73,7 @@
<router-view></router-view>
</div>
<nav class="nav nav-tabs nav-justified om-nav ">
<nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' ">
<router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link>
<router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link>
<router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link>

5
public/msgCard.js
View File

@ -6,9 +6,10 @@ Vue.component('MsgCard', {
</h6>
{{ msg.message }}<br><br>
<a href="#">{{ msg.tag }}</a></p>
<div class="om-user-line">
<div class="om-card-footer"> <div class="om-user-line">
<i class="material-icons">account_circle</i>
Erstellt von {{ msg.user }}
Erstellt von {{ msg.user }}</div>
<i class="material-icons">bookmark_border</i>
</div></div>`,
props: ['msg']
});

5
public/style/style.css
View File

@ -35,6 +35,10 @@
margin-bottom: 20px;
padding: 20px;
}
.om-card-footer {
justify-content: space-between;
display: flex;
}
.om-btn {
background-color: #0046a0;
color: white;
@ -48,6 +52,7 @@
}
.om-user-line {
display: flex;
width: 80%;
}
.om-user-line i {
margin-right: 2%;

7
public/style/style.less
View File

@ -40,6 +40,11 @@
margin-bottom: 20px;
padding: 20px;
}
.om-card-footer{
justify-content: space-between;
display: flex;
}
.om-btn{
background-color: @color;
color: white;
@ -53,9 +58,9 @@
}
}
.om-user-line{
display: flex;
width: 80%;
i{
margin-right: 2%;
}