Fix the padding on fragment links (#280)

* Update package-lock.json * Update Button.jsx * Update Hero.jsx * Update Button.jsx * Update Hero.jsx * Fix outlines * Update Hero.jsx * Update Navbar.jsx * fix the padding
storj · Sep 26, 2023 · 769094a · 769094a
1 parent 80eb7ac
commit 769094a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/MarkdownLayout.jsx b/src/components/MarkdownLayout.jsx
@@ -78,7 +78,7 @@ export default function DocsLayout({
           <PrevNextLinks />
         </div>
       </main>
-      <div className="hidden px-8 xl:sticky xl:top-[4.5rem] xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-14">
+      <div className="hidden px-8 xl:sticky xl:top-[6rem] xl:block xl:h-[calc(100vh-6rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-14">
         <TableOfContents tableOfContents={tableOfContents} />
       </div>
     </>

diff --git a/src/components/Prose.jsx b/src/components/Prose.jsx
@@ -7,7 +7,7 @@ export function Prose({ as: Component = 'div', className, ...props }) {
         className,
         'prose prose-slate max-w-none dark:prose-invert dark:text-slate-400',
         // headings
-        'prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem]',
+        'prose-headings:font-display prose-headings:scroll-mt-28 prose-headings:font-normal lg:prose-headings:scroll-mt-[10rem]',
         // lead
         'prose-lead:text-slate-500 dark:prose-lead:text-slate-400',
         // links