marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use CSS variable for TOC sticky offset instead of hardcoded pixels

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 23:45:53 -05:00
parent 2c6cbe96d9
commit 74dfb82069
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/globals.css
View File

@@ -73,6 +73,7 @@
scroll-padding-top: 96px; scroll-padding-top: 96px;
} }
body { body {
--header-height: 56px;
font-family: var(--font-serif); font-family: var(--font-serif);
font-weight: 400; font-weight: 400;
line-height: 1.6; line-height: 1.6;

2
components/blog/TableOfContents.tsx
View File

@@ -58,7 +58,7 @@ export function TableOfContents() {
if (headings.length === 0) return null; if (headings.length === 0) return null;
return ( return (
<nav className="lg:sticky lg:top-[72px]"> <nav className="lg:sticky lg:top-[var(--header-height)]">
<h4 className="font-sans text-xs font-semibold uppercase tracking-wider text-ink-soft mb-3"> <h4 className="font-sans text-xs font-semibold uppercase tracking-wider text-ink-soft mb-3">
On this page On this page
</h4> </h4>