hanzoai/docs
2
0
Fork 0
mirror of https://github.com/hanzo-docs/docs.git synced 2026-10-25 04:20:02 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improve heading href

Browse Source
This commit is contained in:
SonMooSans
2023-09-15 18:04:16 +08:00
parent b45c6868d8
commit cbefd3cda2
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/next-docs-ui/src/components/mdx/heading.tsx
+9 -8
View File
@@ -13,14 +13,15 @@ export function Heading<T extends Types = 'h1'>({
const As = as ?? 'h1'
return (
<As {...props} className={clsx('nd-group nd-scroll-m-20', props.className)}>
{props.children}
<a
href={`#${props.id}`}
aria-label="Link to section"
className="nd-not-prose nd-opacity-0 nd-font-normal nd-ml-2 nd-transition-opacity nd-text-muted-foreground group-hover:nd-opacity-100"
>
#
<As {...props} className={clsx('nd-scroll-m-20', props.className)}>
<a href={`#${props.id}`} className="nd-group nd-not-prose">
{props.children}
<span
aria-label="Link to section"
className="nd-ml-2 nd-font-medium nd-select-none nd-text-muted-foreground nd-opacity-0 nd-transition-opacity group-hover:nd-opacity-100"
>
#
</span>
</a>
</As>
)