mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-25 05:04:30 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding more top padding to ereader

Browse source
This commit is contained in:
advplyr 2023-03-06 11:40:00 -06:00
parent bf62b82037
commit f594b734c0
3 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/modals/Modal.vue
View file

@ -70,9 +70,9 @@ export default {
}
},
methods: {
clickBg(vm, ev) {
clickBg(ev) {
if (this.processing && this.persistent) return
if (vm.srcElement.classList.contains('modal-bg')) {
if (ev && ev.srcElement && ev.srcElement.classList.contains('modal-bg')) {
this.show = false
}
},

10
components/readers/EpubReader.vue
View file

@ -39,7 +39,7 @@ export default {
return this.$store.state.playerLibraryItemId
},
readerHeightOffset() {
return this.playerLibraryItemId ? 164 : 64
return this.playerLibraryItemId ? 196 : 96
}
},
methods: {
@ -140,13 +140,13 @@ export default {
<style>
#epub-frame {
height: calc(100% - 52px);
max-height: calc(100% - 52px);
height: calc(100% - 32px);
max-height: calc(100% - 32px);
overflow: hidden;
}
.reader-player-open #epub-frame {
height: calc(100% - 152px);
max-height: calc(100% - 152px);
height: calc(100% - 132px);
max-height: calc(100% - 132px);
overflow: hidden;
}
</style>

4
components/readers/Reader.vue
View file

@ -1,6 +1,6 @@
<template>
<div v-if="show" class="absolute top-0 left-0 w-full h-full bg-bg z-40 pt-14" :class="{ 'reader-player-open': !!playerLibraryItemId }">
<div class="h-14 pt-6 w-full bg-primary flex items-center px-2 fixed top-0 left-0 z-30 box-shadow-sm">
<div v-if="show" class="absolute top-0 left-0 w-full h-full bg-bg z-40 pt-16" :class="{ 'reader-player-open': !!playerLibraryItemId }">
<div class="h-16 pt-6 w-full bg-primary flex items-center px-2 fixed top-0 left-0 z-30 box-shadow-sm">
<p class="w-5/6 truncate">{{ title }}</p>
<div class="flex-grow" />
<span class="material-icons text-xl text-white" @click.stop="show = false">close</span>