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> </label>
</div> </div>
</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> <button type="submit" class="btn btn-raised om-btn">SENDEN</button>
</form> </form>
</div> </div>

2
public/index.html
View File

@ -73,7 +73,7 @@
<router-view></router-view> <router-view></router-view>
</div> </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="/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="/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> <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> </h6>
{{ msg.message }}<br><br> {{ msg.message }}<br><br>
<a href="#">{{ msg.tag }}</a></p> <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> <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>`, </div></div>`,
props: ['msg'] props: ['msg']
}); });

5
public/style/style.css
View File

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

7
public/style/style.less
View File

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