Prevent Double Scroll Bars in Dialogs in Weird Cases

hkilang · Aug 29, 2024 · 624fe08 · 624fe08
1 parent 74d78d9
commit 624fe08
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -67,7 +67,7 @@ <h2 class="group-hover:text-slate-700 group-hover:text-opacity-90 transition-[co
 			</div>
 		</div>
 		<dialog id="about-dialog" class="modal modal-bottom sm:modal-middle">
-			<div class="modal-box p-0 flex flex-col sm:max-w-3xl h-[calc(100%-5rem)]">
+			<div class="modal-box p-0 flex flex-col sm:max-w-3xl h-[calc(100%-5rem)] overflow-hidden">
 				<form method="dialog">
 					<button type="submit" class="btn btn-ghost w-14 h-14 min-h-14 text-4.5xl absolute right-3 top-3 text-slate-500 hover:bg-opacity-10" aria-label="關閉"><span class="icon-close"></span></button>
 				</form>

diff --git a/src/SettingsDialog.tsx b/src/SettingsDialog.tsx
@@ -40,7 +40,7 @@ const SettingsDialog = forwardRef<HTMLDialogElement, SettingDialogProps>(functio
 	const downloadManagerInferenceMode = currSettingsDialogPage?.slice(0, -15) as OfflineInferenceMode;
 
 	return <dialog ref={ref} className="modal modal-bottom sm:modal-middle">
-		<div className="modal-box p-0 flex flex-col sm:max-w-3xl h-[calc(100%-5rem)]">
+		<div className="modal-box p-0 flex flex-col sm:max-w-3xl h-[calc(100%-5rem)] overflow-hidden">
 			<form method="dialog">
 				<button type="submit" className="btn btn-ghost w-14 h-14 min-h-14 text-4.5xl absolute right-3 top-3 text-slate-500 hover:bg-opacity-10" aria-label="關閉">
 					<span>