mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-30 06:39:35 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update comic reader bottom page number bar to only show when top bar is showing #1485

Browse source
This commit is contained in:
advplyr 2025-03-05 17:49:20 -06:00
parent 6f01eafd30
commit 769ce0ade9
2 changed files with 9 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

17
components/readers/ComicReader.vue
View file

@ -23,7 +23,7 @@
</div>
</div>
<div class="fixed left-0 h-8 w-full bg-bg px-4 flex items-center text-fg-muted" :style="{ bottom: isPlayerOpen ? '120px' : '0px' }">
<div class="fixed left-0 h-8 w-full bg-bg px-4 flex items-center text-fg-muted transition-transform" :class="showingToolbar ? 'translate-y-0' : isPlayerOpen ? 'translate-y-[120px]' : 'translate-y-32'" :style="{ bottom: isPlayerOpen ? '120px' : '0px' }">
<div class="flex-grow" />
<p class="text-xs">{{ page }} / {{ numPages }}</p>
</div>
@ -49,7 +49,8 @@ export default {
default: () => {}
},
isLocal: Boolean,
keepProgress: Boolean
keepProgress: Boolean,
showingToolbar: Boolean
},
data() {
return {
@ -372,14 +373,12 @@ export default {
<style scoped>
#comic-reader {
height: calc(100% - 36px);
max-height: calc(100% - 36px);
padding-top: 36px;
height: 100%;
max-height: 100%;
}
.reader-player-open #comic-reader {
height: calc(100% - 156px);
max-height: calc(100% - 156px);
padding-top: 36px;
height: calc(100% - 120px);
max-height: calc(100% - 120px);
}
.comicimg {
@ -390,4 +389,4 @@ export default {
width: 100vw;
height: 100%;
}
</style>
</style>