Stretch settings panel full width on small screens
This commit is contained in:
@@ -1990,7 +1990,7 @@ const chapterTmpl = `
|
|||||||
role="dialog"
|
role="dialog"
|
||||||
aria-label="Reader settings"
|
aria-label="Reader settings"
|
||||||
hidden
|
hidden
|
||||||
class="absolute right-[max(0.5rem,calc(50%-32rem+0.5rem))] bottom-[calc(100%+0.25rem)] w-[min(320px,calc(100vw-1rem))] 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))] sm:left-auto sm:w-80 bg-zinc-900 border border-zinc-800 rounded-xl p-4 shadow-2xl z-[100]">
|
||||||
<!-- hidden native select keeps existing JS working unchanged -->
|
<!-- hidden native select keeps existing JS working unchanged -->
|
||||||
<select id="tts-voice" class="sr-only" aria-hidden="true" tabindex="-1">
|
<select id="tts-voice" class="sr-only" aria-hidden="true" tabindex="-1">
|
||||||
{{range .Voices}}
|
{{range .Voices}}
|
||||||
|
|||||||
Reference in New Issue
Block a user