From 6c618d77604ccf2e7f744d9eb17128912cb97b55 Mon Sep 17 00:00:00 2001
From: Vincent Schmandt <vincentscode@gmail.com>
Date: Tue, 21 Mar 2023 13:36:06 +0100
Subject: [PATCH] Adjust height to fit metadata

---
 client/components/readers/EpubReader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/components/readers/EpubReader.vue b/client/components/readers/EpubReader.vue
index 6fd652f8..d60e41f4 100644
--- a/client/components/readers/EpubReader.vue
+++ b/client/components/readers/EpubReader.vue
@@ -6,7 +6,7 @@
           class="material-icons text-white text-opacity-50 hover:text-opacity-80 cursor-pointer text-6xl"
           @mousedown.prevent @click="prev">chevron_left</span>
       </div>
-      <div id="frame" class="w-full" style="height: 90%">
+      <div id="frame" class="w-full" style="height: 80%">
         <div id="viewer" class="border border-gray-100 bg-white shadow-md"></div>
       </div>
       <div style="width: 100px; max-width: 100px" class="h-full flex items-center justify-center overflow-x-hidden">
@@ -104,7 +104,7 @@ export default {
       /** @type {ePub.Rendition} */
       reader.rendition = reader.book.renderTo("viewer", {
         width: window.innerWidth - 200,
-        height: window.innerHeight * 0.9
+        height: window.innerHeight * 0.8
       });
 
       reader.rendition.display(this.userMediaProgress?.currentTime);