Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 15:26:33 +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

5
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,7 +112,8 @@ 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">
<div className="flex flex-col gap-4">
{Array.from({ length: 10 }).map((_, i) => ( {Array.from({ length: 10 }).map((_, i) => (
<div <div
key={i} key={i}
@ -119,6 +121,7 @@ export function SettingsDialog({ open, onClose }: SettingsDialogProps) {
/> />
))} ))}
</div> </div>
</ScrollArea>
</main> </main>
</SidebarProvider> </SidebarProvider>
</DialogContent> </DialogContent>