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

Polish TOC bullets

Browse Source
This commit is contained in:
gbanyan
2025-11-18 23:34:38 +08:00
parent 1e39647ab6
commit 7a6cd55c42
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/post-toc.tsx
View File

@@ -111,18 +111,18 @@ export function PostToc() {
ref={(el) => {
itemRefs.current[item.id] = el;
}}
className={item.depth === 3 ? 'pl-3' : ''}
className={`relative ${item.depth === 3 ? 'pl-3' : 'pl-0'}`}
>
<a
href={`#${item.id}`}
onClick={handleClick(item.id)}
className={`line-clamp-2 inline-flex items-center gap-2 hover:text-blue-600 dark:hover:text-blue-400 ${
className={`line-clamp-2 inline-flex items-center gap-2 pl-2 hover:text-blue-600 dark:hover:text-blue-400 ${
item.id === activeId
? 'text-blue-600 dark:text-blue-400 font-semibold'
: ''
}`}
>
<FontAwesomeIcon icon={faCircle} className="h-1.5 w-1.5 text-slate-300" />
<FontAwesomeIcon icon={faCircle} className="h-1.5 w-1.5 text-slate-300" aria-hidden="true" />
{item.text}
</a>
</li>