From f594b734c0169d4a646c4f68c13d0176cff31c08 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Mon, 6 Mar 2023 11:40:00 -0600
Subject: [PATCH] Adding more top padding to ereader

---
 components/modals/Modal.vue       |  4 ++--
 components/readers/EpubReader.vue | 10 +++++-----
 components/readers/Reader.vue     |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/modals/Modal.vue b/components/modals/Modal.vue
index 1a566641..88c76006 100644
--- a/components/modals/Modal.vue
+++ b/components/modals/Modal.vue
@@ -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
       }
     },
diff --git a/components/readers/EpubReader.vue b/components/readers/EpubReader.vue
index 4397422e..11801798 100644
--- a/components/readers/EpubReader.vue
+++ b/components/readers/EpubReader.vue
@@ -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>
\ No newline at end of file
diff --git a/components/readers/Reader.vue b/components/readers/Reader.vue
index 9b623216..f202319e 100644
--- a/components/readers/Reader.vue
+++ b/components/readers/Reader.vue
@@ -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>