add avatar list section title
This commit is contained in:
parent
87a4cd450c
commit
45b69dc312
1 changed files with 12 additions and 2 deletions
|
@ -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) {
|
||||
|
|
Loading…
Reference in a new issue