</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> |
<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> |
</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'] | ||||
}); | }); |
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; | ||||
} | } | ||||
.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%; |
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; | ||||
} | } | ||||
} | } | ||||
.om-user-line{ | .om-user-line{ | ||||
display: flex; | display: flex; | ||||
width: 80%; | |||||
i{ | i{ | ||||
margin-right: 2%; | margin-right: 2%; | ||||
} | } |