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

refactor: replace pixel-based TOC sidebar width and sticky offset with flexible values

Browse Source
This commit is contained in:
kbot
2026-06-03 21:55:55 -05:00
parent f8383fb471
commit 3aa101812e
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/posts/[slug]/page.tsx
View File

@@ -36,7 +36,7 @@ export default async function PostPage({ params }: { params: Promise<{ slug: str
<ScrollToTop /> <ScrollToTop />
<ReadingProgress /> <ReadingProgress />
<div className="mx-auto max-w-6xl px-6 py-16"> <div className="mx-auto max-w-6xl px-6 py-16">
<div className="grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1fr)_220px] lg:gap-12"> <div className="grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1fr)_14rem] lg:gap-12">
<article className="min-w-0"> <article className="min-w-0">
<header className="mb-12"> <header className="mb-12">
<time className="font-mono text-sm text-ink-soft" dateTime={post.date}>{new Date(post.date).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}</time> <time className="font-mono text-sm text-ink-soft" dateTime={post.date}>{new Date(post.date).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}</time>

2
components/posts/TableOfContents.tsx
View File

@@ -74,7 +74,7 @@ export function TableOfContents() {
if (headings.length === 0) return null; if (headings.length === 0) return null;
return ( return (
<nav aria-label="Table of contents" className="lg:sticky lg:top-[var(--header-height)]"> <nav aria-label="Table of contents" className="lg:sticky lg:top-20">
<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>