hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

UI improvements

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2020-06-17 15:54:24 +02:00
parent 7cd45a1351
commit b5f295c5d9
32 changed files with 200 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
js/src/components/Comment/Comment.vue
View File

@@ -1,21 +1,22 @@
<template>
<li :class="{ reply: comment.inReplyToComment }">
<article class="media" :class="{ selected: commentSelected }" :id="commentId">
<popover-actor-card :actor="comment.actor" :inline="true" v-if="comment.actor">
<figure class="media-left" v-if="!comment.deletedAt && comment.actor.avatar">
<p class="image is-48x48 is-rounded">
<img :src="comment.actor.avatar.url" alt="" />
</p>
<popover-actor-card
class="media-left"
:actor="comment.actor"
:inline="true"
v-if="comment.actor"
>
<figure class="image is-48x48" v-if="!comment.deletedAt && comment.actor.avatar">
<img class="is-rounded" :src="comment.actor.avatar.url" alt="" />
</figure>
<b-icon class="media-left" v-else size="is-large" icon="account-circle" />
</popover-actor-card>
<div v-else>
<figure class="media-left" v-if="!comment.deletedAt && comment.actor.avatar">
<p class="image is-48x48 is-rounded">
<img :src="comment.actor.avatar.url" alt="" />
</p>
<div v-else class="media-left">
<figure class="image is-48x48" v-if="!comment.deletedAt && comment.actor.avatar">
<img class="is-rounded" :src="comment.actor.avatar.url" alt="" />
</figure>
<b-icon class="media-left" v-else size="is-large" icon="account-circle" />
<b-icon v-else size="is-large" icon="account-circle" />
</div>
<div class="media-content">
<div class="content">
@@ -325,7 +326,7 @@ form.reply {
}
strong.organizer {
background: $primary;
background: $background-color;
border-radius: 12px;
color: white;
padding: 0 6px;

2
js/src/components/Comment/CommentTree.vue
View File

@@ -17,7 +17,7 @@
</p>
</div>
<div class="send-comment">
<b-button native-type="submit" type="is-info">{{ $t("Post a comment") }}</b-button>
<b-button native-type="submit" type="is-primary">{{ $t("Post a comment") }}</b-button>
</div>
</div>
</article>