r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-04-11 20:54:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update heading component
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 3m15s
Details

Browse Source
This commit is contained in:
Ryan Freeman 2025-03-27 14:42:41 +00:00
parent a1943ebbf3
commit 55d34565f2
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/ui/Heading.tsx
View File

@ -11,10 +11,9 @@ export function Heading({as: Component = 'h1', children = null}: HeadingProps) {
let headingText = children ? children.toString() : ''
return (
<Component id={createSlug(headingText)} className="group">
<Component id={createSlug(headingText)} className="flex group">
{children}
<Link className="ml-1.5 group-hover:visible invisible"
href={`#${createSlug(headingText)}`}>#</Link>
<Link className="sr-only group-hover:not-sr-only !ml-1.5" href={`#${createSlug(headingText)}`}>#</Link>
</Component>
)
}