use transition wrapper component

This commit is contained in:
Brenden Bice 2019-04-06 14:54:23 -04:00
parent 1f4fcf56cd
commit b75d899c7a
1 changed files with 17 additions and 15 deletions

View File

@ -133,21 +133,23 @@
<link-preview :card="status.card" :size="attachmentSize" :nsfw="nsfwClickthrough" />
</div>
<div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0">
<ul class="stats">
<li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0">
<a class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</a>
<div class="stat-number">{{ statusoid.rebloggedBy.length }}</div>
</li>
<li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0">
<a class="stat-title">{{ $t('user_card.favorites') }}</a>
<div class="stat-number">{{ statusoid.favoritedBy.length }}</div>
</li>
<li class="avatar-row">
<AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList>
</li>
</ul>
</div>
<transition name="fade">
<div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0">
<ul class="stats">
<li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0">
<a class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</a>
<div class="stat-number">{{ statusoid.rebloggedBy.length }}</div>
</li>
<li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0">
<a class="stat-title">{{ $t('user_card.favorites') }}</a>
<div class="stat-number">{{ statusoid.favoritedBy.length }}</div>
</li>
<li class="avatar-row">
<AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList>
</li>
</ul>
</div>
</transition>
<div v-if="!noHeading && !isPreview" class='status-actions media-body'>
<div v-if="loggedIn">