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

Remove dot icon from TOC items

Browse Source
This commit is contained in:
gbanyan
2025-11-18 23:57:40 +08:00
parent cd95a7bb79
commit b4ee8b122f
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/post-toc.tsx
View File

@@ -2,7 +2,7 @@
import { useEffect, useRef, useState } from 'react'; import { useEffect, useRef, useState } from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faListUl, faCircle } from '@fortawesome/free-solid-svg-icons'; import { faListUl } from '@fortawesome/free-solid-svg-icons';
interface TocItem { interface TocItem {
id: string; id: string;
@@ -121,13 +121,12 @@ export function PostToc() {
<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 pl-2 hover:text-blue-600 dark:hover:text-blue-400 ${ className={`line-clamp-2 inline-flex items-center 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" aria-hidden="true" />
{item.text} {item.text}
</a> </a>
</div> </div>