groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-03-01 05:29:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat: improve consolidation badge visibility and transform into interactive button

Browse source
This commit is contained in:
Tiberiu Ichim 2026-02-17 12:24:16 +02:00
parent cc0b2c847a
commit ca85e4af43
2 changed files with 19 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

10
client/components/cards/LazyBookCard.vue
View file

@ -116,11 +116,11 @@
<p :style="{ fontSize: 0.8 + 'em' }">{{ numEpisodesIncomplete }}</p>
</div>
<!-- Not Consolidated Badge -->
<ui-tooltip v-if="isNotConsolidated && !isSelectionMode" text="Not Consolidated" direction="top" class="absolute left-0 z-10" :style="{ padding: 0.375 + 'em', bottom: ebookFormat ? '1.5em' : '0.375em' }">
<div class="rounded-full bg-yellow-500 flex items-center justify-center border border-black/20 shadow-sm" :style="{ width: 1.2 + 'em', height: 1.2 + 'em' }">
<span class="material-symbols text-black" :style="{ fontSize: 0.8 + 'em' }">warning</span>
</div>
<!-- Not Consolidated Button -->
<ui-tooltip v-if="isNotConsolidated && !isSelectionMode" :text="userCanUpdate ? 'Consolidate' : 'Not Consolidated'" direction="top" class="absolute left-0 z-10" :style="{ padding: 0.375 + 'em', bottom: ebookFormat ? '1.51em' : '0.38em' }">
<button class="rounded-full bg-yellow-500 flex items-center justify-center border border-black/20 shadow-sm transition-transform duration-200" :class="userCanUpdate ? 'cursor-pointer hover:scale-110 active:scale-95' : 'cursor-default'" :style="{ width: 1.25 + 'em', height: 1.25 + 'em' }" @click.stop.prevent="userCanUpdate ? consolidate() : null">
<span class="material-symbols text-black" :style="{ fontSize: 0.875 + 'em' }">folder_open</span>
</button>
</ui-tooltip>
</div>
</div>