thohlt/thiloho.github.io
1
0
Fork 0
mirror of https://github.com/thiloho/thiloho.github.io.git synced 2025-11-22 02:11:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Increase section scroll margin for toc

Browse Source
This commit is contained in:
thiloho
2025-04-27 02:18:42 +02:00
parent 44479d5b6a
commit 81425a89a4
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/PageLayout.astro
View File

@@ -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>

4
src/pages/blog/[slug].astro
View File

@@ -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>