r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-04-18 20:44:46 +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() : '' let headingText = children ? children.toString() : ''
return ( return (
<Component id={createSlug(headingText)} className="group"> <Component id={createSlug(headingText)} className="flex group">
{children} {children}
<Link className="ml-1.5 group-hover:visible invisible" <Link className="sr-only group-hover:not-sr-only !ml-1.5" href={`#${createSlug(headingText)}`}>#</Link>
href={`#${createSlug(headingText)}`}>#</Link>
</Component> </Component>
) )
} }