Fix settings panel height on mobile using fixed positioning
This commit is contained in:
@@ -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))] 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]">
|
||||
class="fixed inset-x-2 bottom-[4.5rem] top-4 overflow-y-auto sm:absolute sm:inset-x-auto sm:top-auto sm:bottom-[calc(100%+0.25rem)] sm:right-[max(0.5rem,calc(50%-32rem+0.5rem))] 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}}
|
||||
|
||||
Reference in New Issue
Block a user