thomasabishop/eolas-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: make sidebar lists fixed scrollable

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/EntriesListSidebar.tsx
View file

@ -28,15 +28,17 @@ export default function EntriesListSidebar() {
</SidebarMenuButton> </SidebarMenuButton>
</CollapsibleTrigger> </CollapsibleTrigger>
<CollapsibleContent> <CollapsibleContent>
<SidebarMenuSub> <div className="max-h-100 overflow-y-auto">
{entries?.data.map((item, i) => ( <SidebarMenuSub>
<SidebarMenuItem key={i}> {entries?.data.map((item, i) => (
<a> <SidebarMenuItem key={i}>
<span className="text-xs">{item.title.replace(/_/g, " ")}</span> <a>
</a> <span className="text-xs">{item.title.replace(/_/g, " ")}</span>
</SidebarMenuItem> </a>
))} </SidebarMenuItem>
</SidebarMenuSub> ))}
</SidebarMenuSub>
</div>
</CollapsibleContent> </CollapsibleContent>
</SidebarMenuItem> </SidebarMenuItem>
</Collapsible> </Collapsible>

20
src/components/TagListSidebar.tsx
View file

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