Update:UI/UX: Add explicit indicator next to titles #1181

This commit is contained in:
advplyr 2024-04-28 16:34:31 -05:00
parent cfedcffc98
commit aae53a54cd
4 changed files with 71 additions and 6 deletions

View file

@ -6,8 +6,11 @@
<covers-preview-cover :src="$store.getters['globals/getLibraryItemCoverSrcById'](libraryItemId)" :width="40" :book-cover-aspect-ratio="bookCoverAspectRatio" :show-resolution="false" class="md:hidden" />
</div>
<div class="flex-grow px-2">
<div class="-mt-0.5 mb-0.5" @click.stop>
<nuxt-link :to="`/item/${libraryItemId}`" class="text-sm text-fg underline">{{ podcast.metadata.title }}</nuxt-link>
<div class="flex items-center">
<div class="-mt-0.5 mb-0.5" @click.stop>
<nuxt-link :to="`/item/${libraryItemId}`" class="text-sm text-fg underline">{{ podcast.metadata.title }}</nuxt-link>
</div>
<widgets-explicit-indicator v-if="podcast.metadata.explicit" />
</div>
<p v-if="publishedAt" class="text-xs text-fg-muted">{{ $dateDistanceFromNow(publishedAt) }}</p>
</div>