diff options
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 690e8318..6b8e0b3d 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -142,6 +142,16 @@ <favorite-button :loggedIn='loggedIn' :status='status'></favorite-button> <delete-button :status='status'></delete-button> </div> + <div class="boosted-users"> + <div class="reblogged-users" v-if="rebloggedByUsers.length > 0" :class="{ 'status-fadein': rebloggedByUsers.length > 0 }"> + <p class="title">Boosted By {{rebloggedByUsers.length}}:</p> + <AvatarList :avatars='rebloggedByUsers'></AvatarList> + </div> + <div class="favourited-users" v-if="favouritedByUsers.length > 0" :class="{ 'status-fadein': favouritedByUsers.length > 0 }"> + <p class="title">Favourited By {{favouritedByUsers.length}}:</p> + <AvatarList :avatars='favouritedByUsers'></AvatarList> + </div> + </div> </div> </div> <div class="container" v-if="replying"> @@ -612,6 +622,21 @@ a.unmute { } } +.boosted-users { + display: flex; + justify-content: space-between; + margin-top: 10px; + + .favourited-users, + .reblogged-users { + flex: 1; + + .title { + margin: 0 0 10px 0; + } + } +} + @media all and (max-width: 800px) { .status-el { .retweet-info { |