qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-12-29 08:01:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ Integrate ScrollArea component into sidebarMobileMenu for enhanced scrolling and layout organization

Browse Source
This commit is contained in:
SameerJS6
2025-09-26 09:03:00 +05:30
parent 7b81780642
commit dd07e1888d
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/sidebarMobileMenu.svelte
+7 -2
View File
@@ -10,6 +10,7 @@
import ShowCategories from "@/components/layout/showCategories.svelte"; import ShowCategories from "@/components/layout/showCategories.svelte";
import ShowSidebarLinks from "@/components/layout/showSidebarLinks.svelte"; import ShowSidebarLinks from "@/components/layout/showSidebarLinks.svelte";
import ScrollArea from "@/components/ui/scroll-area/scroll-area.svelte";
interface Props { interface Props {
className?: string; className?: string;
@@ -33,10 +34,14 @@
<h2 class="text-xl font-medium tracking-tight">svgl</h2> <h2 class="text-xl font-medium tracking-tight">svgl</h2>
</Sheet.Title> </Sheet.Title>
</Sheet.Header> </Sheet.Header>
<nav class="flex flex-col space-y-0.5 overflow-y-auto px-3 pb-3"> <ScrollArea
class="flex size-full flex-col"
viewportClassName="pb-3 px-3 space-y-0.5"
maskClassName="before:from-white after:from-white dark:before:from-neutral-900 dark:after:from-neutral-900"
>
<ShowSidebarLinks /> <ShowSidebarLinks />
<Separator orientation="horizontal" class="my-3" /> <Separator orientation="horizontal" class="my-3" />
<ShowCategories /> <ShowCategories />
</nav> </ScrollArea>
</Sheet.Content> </Sheet.Content>
</Sheet.Root> </Sheet.Root>