diff --git a/src/lib/components/Toc.svelte b/src/lib/components/Toc.svelte index d414c747..fede0ff9 100644 --- a/src/lib/components/Toc.svelte +++ b/src/lib/components/Toc.svelte @@ -9,13 +9,13 @@ let desktop: boolean | undefined let open: boolean | undefined let headings: HTMLHeadingElement[] | undefined - let sidebarTop = 16 // Initial top offset in rem (below banner) + const maxTop = 14 + let sidebarTop = maxTop // Initial top offset in rem (below banner) // Track scroll to adjust sidebar position onMount(() => { const bannerHeight = 275 // Scroll distance in pixels for full transition (higher = slower) const minTop = 1 // Minimum top value in rem when scrolled past banner - const maxTop = 16 // Maximum top value in rem when at page top function handleScroll() { const scrollY = window.scrollY diff --git a/src/routes/[slug]/+page.svelte b/src/routes/[slug]/+page.svelte index 11ed1677..64921176 100644 --- a/src/routes/[slug]/+page.svelte +++ b/src/routes/[slug]/+page.svelte @@ -49,6 +49,10 @@ text-transform: none; } + hgroup { + margin-top: 0; + } + .banner { margin: 1.5rem 0 2rem; border-radius: 12px;