Stretch settings panel to near full height on mobile

2026-03-02 11:08:26 +05:00
parent 1353e2f6e6
commit 8e1519234a
1 changed files with 1 additions and 1 deletions
--- a/scraper/internal/server/ui.go
+++ b/scraper/internal/server/ui.go
@@ -1992,7 +1992,7 @@ const chapterTmpl = `
       role="dialog"
       aria-label="Reader settings"
       hidden
-       class="absolute right-[max(0.5rem,calc(50%-32rem+0.5rem))] bottom-[calc(100%+0.25rem)] left-[max(0.5rem,calc(50%-32rem+0.5rem))] sm:left-auto sm:w-80 bg-zinc-900 border border-zinc-800 rounded-xl p-4 shadow-2xl z-[100]">
+       class="absolute right-[max(0.5rem,calc(50%-32rem+0.5rem))] bottom-[calc(100%+0.25rem)] left-[max(0.5rem,calc(50%-32rem+0.5rem))] top-4 overflow-y-auto sm:top-auto sm:left-auto sm:w-80 sm:max-h-[80vh] bg-zinc-900 border border-zinc-800 rounded-xl p-4 shadow-2xl z-[100]">
    <!-- hidden native select keeps existing JS working unchanged -->
    <select id="tts-voice" class="sr-only" aria-hidden="true" tabindex="-1">
      {{range .Voices}}