diff options
| author | Brenden Bice <brenden.next@gmail.com> | 2019-04-01 22:30:06 -0400 |
|---|---|---|
| committer | Brenden Bice <brenden.next@gmail.com> | 2019-04-11 23:26:12 -0400 |
| commit | 85457fc9173d64d39b1d942496cae1366a0d95ab (patch) | |
| tree | 441281c161808c2e9f72df0e572db813cc6911df /src/components/status/status.vue | |
| parent | 2d339cd3b8b3ffc1509c954f68636d8ed4d37253 (diff) | |
fetch reblogged users
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 { |