add avatar list section title

This commit is contained in:
Brenden Bice 2019-04-05 03:08:40 -04:00
parent 87a4cd450c
commit 45b69dc312

View file

@ -133,7 +133,10 @@
<link-preview :card="status.card" :size="attachmentSize" :nsfw="nsfwClickthrough" /> <link-preview :card="status.card" :size="attachmentSize" :nsfw="nsfwClickthrough" />
</div> </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> <AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList>
</div> </div>
@ -616,8 +619,15 @@ a.unmute {
} }
} }
.favs-favorited-users { .favs-repeated-users {
margin-top: 10px; margin-top: 10px;
.favs-repeated-title {
margin-bottom: 5px;
& > span {
border-bottom: 1px solid var(--text);
}
}
} }
@media all and (max-width: 800px) { @media all and (max-width: 800px) {