TOC hover

barvian · barvian · commit f34ee3567bfc · 2024-10-21T16:46:25.000-07:00
diff --git a/site/src/components/TOC.tsx b/site/src/components/TOC.tsx
@@ -47,7 +47,7 @@ export default function TOC({ headings, ...props }: Props) {
 						<a
 							ref={(el) => (linkRefs.current[h.slug] = el)}
 							data-active={h.slug === activeSlug || undefined}
-							className="opacity-40 data-[active]:opacity-100 dark:opacity-50"
+							className="opacity-40 transition-opacity hover:opacity-70 data-[active]:opacity-100 dark:opacity-50"
 							href={`#${h.slug}`}
 						>
 							{h.text}

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ export default function TOC({ headings, ...props }: Props) {`
`47`	`47`	`<a`
`48`	`48`	`ref={(el) => (linkRefs.current[h.slug] = el)}`
`49`	`49`	`data-active={h.slug === activeSlug \|\| undefined}`
`50`		`- className="opacity-40 data-[active]:opacity-100 dark:opacity-50"`
	`50`	`+ className="opacity-40 transition-opacity hover:opacity-70 data-[active]:opacity-100 dark:opacity-50"`
`51`	`51`	href={`#${h.slug}`}
`52`	`52`	`>`
`53`	`53`	`{h.text}`