make message cards bigger

This commit is contained in:
hippoz 2020-11-21 12:22:33 +02:00
parent 0e1898b591
commit 887d625722

View file

@ -22,6 +22,13 @@
vertical-align: top; vertical-align: top;
} }
.message-card {
width: 95%;
margin: 4px;
display: inline-block;
vertical-align: top;
}
.cursor { .cursor {
cursor: pointer; cursor: pointer;
} }
@ -155,7 +162,7 @@
</md-card-actions> </md-card-actions>
</md-card> </md-card>
<div v-for="post,k in messages[selection.category._id]" v-if="selection.category.isChatContext" :key="post._id + post.author._id"> <div v-for="post,k in messages[selection.category._id]" v-if="selection.category.isChatContext" :key="post._id + post.author._id">
<md-card> <md-card class="message-card">
<md-card-header> <md-card-header>
<a class="md-dense cursor md-title" v-on:click="viewProfile(post.author._id)"><span>{{ post.author.username }}</span></a> <a class="md-dense cursor md-title" v-on:click="viewProfile(post.author._id)"><span>{{ post.author.username }}</span></a>
</md-card-header> </md-card-header>