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>
</CollapsibleTrigger>
<CollapsibleContent>
<SidebarMenuSub>
{entries?.data.map((item, i) => (
<SidebarMenuItem key={i}>
<a>
<span className="text-xs">{item.title.replace(/_/g, " ")}</span>
</a>
</SidebarMenuItem>
))}
</SidebarMenuSub>
<div className="max-h-100 overflow-y-auto">
<SidebarMenuSub>
{entries?.data.map((item, i) => (
<SidebarMenuItem key={i}>
<a>
<span className="text-xs">{item.title.replace(/_/g, " ")}</span>
</a>
</SidebarMenuItem>
))}
</SidebarMenuSub>
</div>
</CollapsibleContent>
</SidebarMenuItem>
</Collapsible>

20
src/components/TagListSidebar.tsx
View file

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