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) => { ref={(el) => {
itemRefs.current[item.id] = el; itemRefs.current[item.id] = el;
}} }}
className={item.depth === 3 ? 'pl-3' : ''} className={`relative ${item.depth === 3 ? 'pl-3' : 'pl-0'}`}
> >
<a <a
href={`#${item.id}`} href={`#${item.id}`}
onClick={handleClick(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 item.id === activeId
? 'text-blue-600 dark:text-blue-400 font-semibold' ? '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} {item.text}
</a> </a>
</li> </li>