Use correct scroll margins for module input and output headings

Signed-off-by: Damian Stasik <[email protected]>
opentofu · Sep 5, 2024 · 6ad146f · 6ad146f
1 parent c47105a
commit 6ad146f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/ModuleInput/index.tsx b/frontend/src/components/ModuleInput/index.tsx
@@ -16,7 +16,7 @@ export function ModuleInput({
 }: ModuleInputProps) {
   return (
     <li>
-      <h4 id={name} className="group scroll-mt-24">
+      <h4 id={name} className="group scroll-mt-5">
         {name}{" "}
         <code className="text-mono text-sm text-purple-700 dark:text-purple-300">
           ({type})

diff --git a/frontend/src/components/ModuleOutput/index.tsx b/frontend/src/components/ModuleOutput/index.tsx
@@ -9,7 +9,7 @@ interface ModuleOutputProps {
 export function ModuleOutput({ name, description }: ModuleOutputProps) {
   return (
     <li>
-      <h4 id={name} className="group scroll-mt-24">
+      <h4 id={name} className="group scroll-mt-5">
         {name}
         <HeadingLink id={name} label={`${name} output`} />
       </h4>