76 |
{headings.map(heading => ( |
{headings.map(heading => ( |
77 |
<li key={heading.id}> |
<li key={heading.id}> |
78 |
<a |
<a |
79 |
className={`my-2 block ${ |
className={`my-2 block pl-[15px] ${ |
80 |
activeId === heading.id || onlyOne |
activeId === heading.id || onlyOne |
81 |
? "text-blue-500 [border-left:3px_solid_#007bff] pl-[15px]" |
? "text-blue-500 after:[content:'●'] after:ml-2 after:inline-block after:text-blue-500" |
82 |
: "pl-[18px] hover:text-blue-500" |
: "hover:text-blue-500" |
83 |
}`} |
}`} |
84 |
href={`#${heading.id}`} |
href={`#${heading.id}`} |
85 |
onClick={event => { |
onClick={event => { |