From 81425a89a4296753dc193c9c732dd41ff18f33a7 Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Sun, 27 Apr 2025 02:18:42 +0200
Subject: [PATCH] Increase section scroll margin for toc

---
 src/layouts/PageLayout.astro | 2 +-
 src/pages/blog/[slug].astro  | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index c5bff43..9743333 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -22,7 +22,7 @@ const { title, description, pubDate, modDate, slug } = Astro.props;
     <Header {title} {pubDate} {modDate} {slug} />
     <main class="flex-1 bg-white dark:bg-neutral-800">
       <div
-        class={`relative prose prose-neutral dark:prose-invert mx-auto px-4 ${pubDate ? "pt-0" : "pt-8"} pb-16 prose-headings:scroll-mt-16 prose-h1:font-bold prose-pre:!bg-neutral-700 prose-a:text-blue-800 prose-a:dark:text-blue-300 prose-a:hover:no-underline`}
+        class={`relative prose prose-neutral dark:prose-invert mx-auto px-4 ${pubDate ? "pt-0" : "pt-8"} pb-16 prose-headings:scroll-mt-24 prose-h1:font-bold prose-pre:!bg-neutral-700 prose-a:text-blue-800 prose-a:dark:text-blue-300 prose-a:hover:no-underline`}
       >
         <slot />
       </div>
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index d841af6..057c0ed 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -45,9 +45,7 @@ const { Content, headings } = await render(article);
         ></path>
       </svg>
     </summary>
-    <div
-      class="not-prose max-h-[calc(100vh-4rem)] overflow-y-scroll p-2"
-    >
+    <div class="not-prose max-h-[calc(100vh-4rem)] overflow-y-scroll p-2">
       <p class="text-center">
         <strong class="text-sm">Table of Contents</strong>
       </p>