mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-30 07:34:46 +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: { methods: {
clickBg(vm, ev) { clickBg(ev) {
if (this.processing && this.persistent) return 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 this.show = false
} }
}, },

10
components/readers/EpubReader.vue
View file

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

4
components/readers/Reader.vue
View file

@ -1,6 +1,6 @@
<template> <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 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-14 pt-6 w-full bg-primary flex items-center px-2 fixed top-0 left-0 z-30 box-shadow-sm"> <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> <p class="w-5/6 truncate">{{ title }}</p>
<div class="flex-grow" /> <div class="flex-grow" />
<span class="material-icons text-xl text-white" @click.stop="show = false">close</span> <span class="material-icons text-xl text-white" @click.stop="show = false">close</span>