Update the scroll-margin-top for headings

icerpc · Feb 15, 2024 · 849d61b · 849d61b
1 parent ebe3217
commit 849d61b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/nodes/heading.tsx b/components/nodes/heading.tsx
@@ -31,7 +31,7 @@ export const Heading = ({
       role="presentation"
       className={clsx(
         'mb-2 mt-6 items-center  hover:[&>*]:opacity-100',
-        level !== 1 && 'group scroll-mt-20'
+        level !== 1 && 'group scroll-mt-28'
       )}
     >
       <div className="flex items-center justify-start">

diff --git a/components/tags/step.tsx b/components/tags/step.tsx
@@ -46,7 +46,7 @@ export const Step = ({ title, level = 2, id, children }: StepProps) => {
           data-text={children}
           role="presentation"
           // eslint-disable-next-line tailwindcss/no-custom-classname
-          className="step mb-0 mt-4 scroll-mt-[76px] items-center text-xl hover:[&>*]:opacity-100"
+          className="step mb-0 mt-4 scroll-mt-28 items-center text-xl hover:[&>*]:opacity-100"
         >
           <span role="heading" aria-level={level}>
             {title}