From e63358f776ef11b521f53b2d39b9db45f016242e Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Wed, 19 Nov 2025 17:01:06 -0600
Subject: [PATCH] Fix e-reader settings modal on landscape

---
 components/app/AudioPlayer.vue        | 8 ++++++--
 components/modals/FullscreenModal.vue | 4 ++--
 components/readers/Reader.vue         | 2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/app/AudioPlayer.vue b/components/app/AudioPlayer.vue
index ec129319..9c4c8a85 100644
--- a/components/app/AudioPlayer.vue
+++ b/components/app/AudioPlayer.vue
@@ -581,8 +581,12 @@ export default {
       }
 
       const ptWidth = Math.round(percentDone * this.trackWidth)
-      this.$refs.playedTrack.style.width = ptWidth + 'px'
-      this.$refs.bufferedTrack.style.width = Math.round(bufferedPercent * this.trackWidth) + 'px'
+      if (this.$refs.playedTrack) {
+        this.$refs.playedTrack.style.width = ptWidth + 'px'
+      }
+      if (this.$refs.bufferedTrack) {
+        this.$refs.bufferedTrack.style.width = Math.round(bufferedPercent * this.trackWidth) + 'px'
+      }
 
       if (this.$refs.trackCursor) {
         this.$refs.trackCursor.style.left = ptWidth - 14 + 'px'
diff --git a/components/modals/FullscreenModal.vue b/components/modals/FullscreenModal.vue
index e02378e3..4eacc41f 100644
--- a/components/modals/FullscreenModal.vue
+++ b/components/modals/FullscreenModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="wrapper" class="modal modal-bg w-screen fixed bottom-0 left-0 flex items-center justify-center z-50" :class="threeQuartersScreen ? 'h-[75vh] min-h-[400px]' : 'h-screen'" @click.stop @touchstart.stop @touchend.stop>
+  <div ref="wrapper" class="modal modal-bg w-screen fixed bottom-0 left-0 flex items-center justify-center z-50" :class="threeQuartersScreen ? 'h-[75vh] min-h-[400px] short:min-h-0 short:h-screen' : 'h-screen'" @click.stop @touchstart.stop @touchend.stop>
     <div ref="content" class="relative text-fg h-full w-full bg-bg">
       <slot />
     </div>
@@ -74,4 +74,4 @@ export default {
     this.$eventBus.$off('close-modal', this.closeModalEvt)
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/components/readers/Reader.vue b/components/readers/Reader.vue
index aa76df67..9c9bc026 100644
--- a/components/readers/Reader.vue
+++ b/components/readers/Reader.vue
@@ -62,7 +62,7 @@
             <span class="material-symbols">close</span>
           </button>
         </div>
-        <div class="w-full overflow-y-auto overflow-x-hidden h-full max-h-[calc(75vh-85px)]">
+        <div class="w-full overflow-y-auto overflow-x-hidden h-[calc(75vh-85px)] min-h-[320px] short:min-h-0 short:h-[calc(100vh-85px)]">
           <div class="w-full h-full px-4">
             <div class="flex items-center mb-6">
               <div class="w-32">