fix: bad breakpoints, padding

jktrn · Dec 30, 2024 · 5504649 · 5504649
1 parent 781a437
commit 5504649
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "astro-erudite",
   "type": "module",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "private": true,
   "scripts": {
     "dev": "astro dev",

diff --git a/src/components/TableOfContents.astro b/src/components/TableOfContents.astro
@@ -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>

diff --git a/src/components/TableOfContentsHeading.astro b/src/components/TableOfContentsHeading.astro
@@ -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>