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

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

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