mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-04 18:15:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
pages/item/_id/index.vue
View file

@ -28,7 +28,10 @@
<div class="relative z-10 px-3 py-4">
<!-- title -->
<div class="text-center mb-2">
<h1 class="text-xl font-semibold">{{ title }}</h1>
<div class="flex items-center justify-center">
<h1 class="text-xl font-semibold">{{ title }}</h1>
<widgets-explicit-indicator v-if="isExplicit" />
</div>
<p v-if="subtitle" class="text-fg text-base">{{ subtitle }}</p>
</div>
@ -436,6 +439,9 @@ export default {
isInvalid() {
return this.libraryItem.isInvalid
},
isExplicit() {
return !!this.mediaMetadata.explicit
},
showPlay() {
return !this.isMissing && !this.isInvalid && (this.numTracks || this.episodes.length)
},