CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-19 07:56:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(settings-dialog): improve scroll behavior with ScrollArea

Browse Source
This commit is contained in:
cfngc4594 2025-03-03 15:24:35 +08:00
parent 07c625d310
commit 4f7f367320
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/settings-dialog.tsx
View File

@ -40,6 +40,7 @@ import {
SidebarMenuItem, SidebarMenuItem,
SidebarProvider, SidebarProvider,
} from "@/components/ui/sidebar"; } from "@/components/ui/sidebar";
import { ScrollArea } from "@/components/ui/scroll-area";
const data = { const data = {
nav: [ nav: [
@ -111,14 +112,16 @@ export function SettingsDialog({ open, onClose }: SettingsDialogProps) {
</Breadcrumb> </Breadcrumb>
</div> </div>
</header> </header>
<div className="flex flex-1 flex-col gap-4 overflow-y-auto p-4 pt-0"> <ScrollArea className="flex-1 overflow-y-auto p-4 pt-0">
{Array.from({ length: 10 }).map((_, i) => ( <div className="flex flex-col gap-4">
<div {Array.from({ length: 10 }).map((_, i) => (
key={i} <div
className="aspect-video max-w-3xl rounded-xl bg-muted/50" key={i}
/> className="aspect-video max-w-3xl rounded-xl bg-muted/50"
))} />
</div> ))}
</div>
</ScrollArea>
</main> </main>
</SidebarProvider> </SidebarProvider>
</DialogContent> </DialogContent>