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

Adjust padding for toc and max height

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

6
src/components/Nav.astro
View File

@@ -15,7 +15,7 @@ const routes = ["blog"];
{ {
routes.map((route) => ( routes.map((route) => (
<a <a
class="inline-block border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700" class="inline-block border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
href={`/${route}`} href={`/${route}`}
> >
{route {route
@@ -26,7 +26,7 @@ const routes = ["blog"];
)) ))
} }
<button <button
class="theme-toggle cursor-pointer border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700" class="theme-toggle cursor-pointer border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
title="Toggle dark mode" title="Toggle dark mode"
> >
<!-- Moon --> <!-- Moon -->
@@ -55,7 +55,7 @@ const routes = ["blog"];
</svg> </svg>
</button> </button>
<a <a
class="inline-grid cursor-pointer place-content-center border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700" class="inline-grid cursor-pointer place-content-center border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
title="RSS feed" title="RSS feed"
href="/rss.xml" href="/rss.xml"
> >

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

@@ -32,7 +32,7 @@ const { Content, headings } = await render(article);
> >
<summary <summary
title="Table of contents" title="Table of contents"
class="mx-auto flex w-fit cursor-pointer list-none border-b-2 border-transparent px-2 py-2.5 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700" class="mx-auto flex w-fit cursor-pointer list-none border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@@ -45,7 +45,7 @@ const { Content, headings } = await render(article);
></path> ></path>
</svg> </svg>
</summary> </summary>
<div class="not-prose max-h-[calc(100vh-4rem)] overflow-y-scroll p-2"> <div class="not-prose max-h-[calc(100vh-8rem)] overflow-y-scroll p-2">
<p class="text-center"> <p class="text-center">
<strong class="text-sm">Table of Contents</strong> <strong class="text-sm">Table of Contents</strong>
</p> </p>