z0x/blog.z0x.ca
Code Actions

fix: bad breakpoints, padding

Browse source
This commit is contained in:
enscribe 2024-12-30 12:33:18 -08:00
parent 781a437da3
commit 5504649890
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
4 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/TableOfContents.astro
View file

@ -42,7 +42,7 @@ function buildToc(headings: Heading[]): Heading[] {
class="group col-start-2 mx-4 block rounded-xl border p-4 xl:hidden"
>
<summary
class="flex cursor-pointer items-center justify-between text-xl font-semibold"
class="flex cursor-pointer items-center justify-between pb-4 text-xl font-semibold"
>
Table of Contents
<Icon
@ -56,9 +56,8 @@ function buildToc(headings: Heading[]): Heading[] {
type="always"
>
<nav>
<ul class="pt-3">
{toc.map((heading) => <TableOfContentsHeading heading={heading} />)}
</ul>
<ul></ul>
{toc.map((heading) => <TableOfContentsHeading heading={heading} />)}
</nav>
</ScrollArea>
</details>

2
src/components/TableOfContentsHeading.astro
View file

@ -10,7 +10,7 @@ const { heading } = Astro.props
>
<Link
href={'#' + heading.slug}
class="py-1 underline decoration-transparent underline-offset-[3px] transition-colors duration-200 hover:decoration-inherit"
class="underline decoration-transparent underline-offset-[3px] transition-colors duration-200 hover:decoration-inherit py-1 xl:py-0"
>
{heading.text}
</Link>