i/next-ai-draw-io
1
0
Fork 0
mirror of https://github.com/DayuanJiang/next-ai-draw-io.git synced 2026-09-02 01:20:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: keep settings dialog within viewport with hidden scrollbar

Browse Source
This commit is contained in:
Biki Kalita
2026-03-20 11:52:23 +00:00
parent 43cc4cb657
commit ada2c840b9
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/globals.css
View File

@@ -257,6 +257,14 @@
.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover { .dark .scrollbar-thin::-webkit-scrollbar-thumb:hover {
background-color: oklch(0.45 0.015 260); background-color: oklch(0.45 0.015 260);
} }
.scrollbar-hidden {
scrollbar-width: none;
-ms-overflow-style: none;
}
.scrollbar-hidden::-webkit-scrollbar {
display: none;
}
} }
/* Smooth page transitions */ /* Smooth page transitions */

4
components/settings-dialog.tsx
View File

@@ -279,7 +279,7 @@ function SettingsContent({
} }
return ( return (
<DialogContent className="sm:max-w-lg p-0 gap-0"> <DialogContent className="sm:max-w-lg p-0 gap-0 max-h-[90vh] flex flex-col">
{/* Header */} {/* Header */}
<DialogHeader className="px-6 pt-6 pb-4"> <DialogHeader className="px-6 pt-6 pb-4">
<DialogTitle>{dict.settings.title}</DialogTitle> <DialogTitle>{dict.settings.title}</DialogTitle>
@@ -289,7 +289,7 @@ function SettingsContent({
</DialogHeader> </DialogHeader>
{/* Content */} {/* Content */}
<div className="px-6 pb-6"> <div className="px-6 pb-6 overflow-y-auto flex-1 scrollbar-hidden">
<div className="divide-y divide-border-subtle"> <div className="divide-y divide-border-subtle">
{/* API Keys & Models */} {/* API Keys & Models */}
{onOpenModelConfig && ( {onOpenModelConfig && (