diff options
| author | Brenden Bice <brenden.next@gmail.com> | 2019-04-05 03:08:40 -0400 |
|---|---|---|
| committer | Brenden Bice <brenden.next@gmail.com> | 2019-04-11 23:26:12 -0400 |
| commit | 45b69dc312b991fba9ecb7649e7c5f9db24374a7 (patch) | |
| tree | 418ad06cb8c4d7005d9b9be7d3c19d11c2937cdd /src | |
| parent | 87a4cd450cc080bab6f3a1c66286bd6267f9f421 (diff) | |
add avatar list section title
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/status/status.vue | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index a8042afe..ceb8bdf7 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -133,7 +133,10 @@ <link-preview :card="status.card" :size="attachmentSize" :nsfw="nsfwClickthrough" /> </div> - <div class="favs-favorited-users" v-if="combinedFavsAndRepeatsAvatars.length > 0" :class="{ 'status-fadein': combinedFavsAndRepeatsAvatars.length > 0 }"> + <div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0" :class="{ 'status-fadein': combinedFavsAndRepeatsAvatars.length > 0 }"> + <div class="favs-repeated-title"> + <span>Favorites {{statusoid.favoritedBy.length}} Repeats {{statusoid.rebloggedBy.length}}</span> + </div> <AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList> </div> @@ -616,8 +619,15 @@ a.unmute { } } -.favs-favorited-users { +.favs-repeated-users { margin-top: 10px; + + .favs-repeated-title { + margin-bottom: 5px; + & > span { + border-bottom: 1px solid var(--text); + } + } } @media all and (max-width: 800px) { |