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

Merge pull request #743 from Biki-dev/some-ui-fixes

Browse Source 
Fix: Keep settings dialog within the viewport and change the scrollbar property from hidden to thin
This commit is contained in:
Dayuan Jiang
2026-03-30 19:29:06 +09:00
committed by GitHub
parent 4f41cd1f01 c3ff41ce72
commit 16801f69b4
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/model-config-dialog.tsx
View File

@@ -513,7 +513,7 @@ export function ModelConfigDialog({
</div> </div>
{/* Provider Details (Right Panel) */} {/* Provider Details (Right Panel) */}
<div className="flex-1 min-w-0 flex flex-col overflow-auto [&::-webkit-scrollbar]:hidden "> <div className="flex-1 min-w-0 flex flex-col overflow-auto scrollbar-thin">
{selectedProvider ? ( {selectedProvider ? (
<ScrollArea className="flex-1" ref={scrollRef}> <ScrollArea className="flex-1" ref={scrollRef}>
<div className="p-6 space-y-8"> <div className="p-6 space-y-8">

2
components/model-selector.tsx
View File

@@ -199,7 +199,7 @@ export function ModelSelector({
/> />
<div className="flex flex-1 flex-col min-h-0 overflow-hidden"> <div className="flex flex-1 flex-col min-h-0 overflow-hidden">
<div className="flex-1 min-h-0 overflow-hidden"> <div className="flex-1 min-h-0 overflow-hidden">
<ModelSelectorList className="[&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"> <ModelSelectorList className="overflow-y-auto scrollbar-thin">
<ModelSelectorEmpty> <ModelSelectorEmpty>
{displayModels.length === 0 && {displayModels.length === 0 &&
models.length > 0 models.length > 0

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 overflow-hidden">
{/* 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-thin">
<div className="divide-y divide-border-subtle"> <div className="divide-y divide-border-subtle">
{/* API Keys & Models */} {/* API Keys & Models */}
{onOpenModelConfig && ( {onOpenModelConfig && (