style: make sidebar lists fixed scrollable

This commit is contained in:
Thomas Bishop 2025-07-23 15:30:57 +01:00
parent 3eb0892a54
commit 6374fee0a1
2 changed files with 22 additions and 18 deletions

View file

@ -28,6 +28,7 @@ export default function EntriesListSidebar() {
</SidebarMenuButton> </SidebarMenuButton>
</CollapsibleTrigger> </CollapsibleTrigger>
<CollapsibleContent> <CollapsibleContent>
<div className="max-h-100 overflow-y-auto">
<SidebarMenuSub> <SidebarMenuSub>
{entries?.data.map((item, i) => ( {entries?.data.map((item, i) => (
<SidebarMenuItem key={i}> <SidebarMenuItem key={i}>
@ -37,6 +38,7 @@ export default function EntriesListSidebar() {
</SidebarMenuItem> </SidebarMenuItem>
))} ))}
</SidebarMenuSub> </SidebarMenuSub>
</div>
</CollapsibleContent> </CollapsibleContent>
</SidebarMenuItem> </SidebarMenuItem>
</Collapsible> </Collapsible>

View file

@ -32,6 +32,7 @@ export default function TagListSidebar() {
</SidebarMenuButton> </SidebarMenuButton>
</CollapsibleTrigger> </CollapsibleTrigger>
<CollapsibleContent> <CollapsibleContent>
<div className="max-h-100 overflow-y-auto">
<SidebarMenuSub> <SidebarMenuSub>
{tags?.data.map((item, i) => ( {tags?.data.map((item, i) => (
<SidebarMenuItem key={i}> <SidebarMenuItem key={i}>
@ -41,6 +42,7 @@ export default function TagListSidebar() {
</SidebarMenuItem> </SidebarMenuItem>
))} ))}
</SidebarMenuSub> </SidebarMenuSub>
</div>
</CollapsibleContent> </CollapsibleContent>
</SidebarMenuItem> </SidebarMenuItem>
</Collapsible> </Collapsible>