lepton/Webserver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated look
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 2m15s
Details

Browse Source
This commit is contained in:
Akshay Kolli
2026-04-11 23:27:29 -04:00
parent aa7fe8ecc7
commit 382edaab75
21 changed files with 740 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/mdx/TableOfContents.tsx
View File

@@ -54,19 +54,19 @@ export function TableOfContents({ headings }: { headings: Heading[] }) {
if (headings.length === 0) return null;
return (
<nav aria-label="Table of contents" className="text-sm animate-fade-in text-left">
<h4 className="font-bold text-zinc-900 dark:text-zinc-100 mb-4 uppercase tracking-wider text-xs">On this page</h4>
<ul className="space-y-3">
<nav aria-label="Table of contents" className="text-left">
<h4 className="eyebrow mb-4">Contents</h4>
<ul className="space-y-2">
{Array.isArray(headings) && headings.map((heading) => (
<li
key={heading.id}
style={{ paddingRight: `${(heading.level - 2) * 12}px` }}
style={{ paddingLeft: `${(heading.level - 2) * 10}px` }}
>
<a
href={`#${heading.id}`}
className={`block transition-all duration-200 border-l-2 pl-4 ${activeId === heading.id
? 'border-zinc-900 dark:border-zinc-100 text-zinc-900 dark:text-zinc-50 font-bold'
: 'border-transparent text-zinc-500 dark:text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300'
className={`block text-[0.82rem] leading-6 transition-colors ${activeId === heading.id
? 'text-ink'
: 'text-muted hover:text-ink'
}`}
>
{heading.text}