fix: Fixed license page scrollbar overflow

2026-09-10 09:25:24 +00:00
parent 6ee203f5e9
commit f3e7357735
1 changed files with 4 additions and 1 deletions
@@ -302,7 +302,10 @@ export default function LicensePage() {
                            <div className="mt-3 flex flex-wrap items-center gap-3">
                                {/* A bare file input cannot be styled, so the button is the
                                label and the input itself is visually hidden. */}
-                                <label className="inline-flex cursor-pointer items-center gap-2 rounded border border-border bg-surface px-3 py-1.5 text-sm font-semibold text-text-primary transition-colors hover:border-text-tertiary focus-within:ring-2 focus-within:ring-accent">
+                                {/* relative: sr-only is position:absolute, and without a
+                                positioned ancestor it escapes the shell's scroll container
+                                and stretches the document, giving the page a second scrollbar. */}
+                                <label className="relative inline-flex cursor-pointer items-center gap-2 rounded border border-border bg-surface px-3 py-1.5 text-sm font-semibold text-text-primary transition-colors hover:border-text-tertiary focus-within:ring-2 focus-within:ring-accent">
                                    <input
                                        type="file"
                                        accept=".lic,.txt"