72 |
<h4 className="pl-[15px] mb-3 mt-4 uppercase font-bold tracking-wider text-[15px]"> |
<h4 className="pl-[15px] mb-3 mt-4 uppercase font-bold tracking-wider text-[15px]"> |
73 |
On this page |
On this page |
74 |
</h4> |
</h4> |
75 |
<ul className="list-none"> |
<ul className="list-none pr-2.5"> |
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 => { |