z0x/blog.z0x.ca
Code Actions

fix(toc): dynamic height on ScrollArea

Browse source
This commit is contained in:
jason 2024-10-02 01:04:06 -07:00
parent befd21edb9
commit 818c23fc75
3 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/TableOfContents.astro
View file

@ -47,7 +47,7 @@ function buildToc(headings: Heading[]): Heading[] {
class="size-5 transition-transform group-open:rotate-180"
/>
</summary>
<ScrollArea client:load className="h-64" type="always">
<ScrollArea client:load className="flex max-h-64 flex-col overflow-y-auto" type="always">
<nav>
<ul class="pt-3">
{toc.map((heading) => <TableOfContentsHeading heading={heading} />)}