Fix scrolling to anchor below navbar

codeofandrin · Jan 7, 2025 · 5a87f21 · 5a87f21
1 parent 8f52ab7
commit 5a87f21
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/(general)/download/page.tsx b/src/app/(general)/download/page.tsx
@@ -48,7 +48,7 @@ export default async function Download() {
         <div className="mt-10">
           <h2
             id="other-downloads"
-            className="scroll-mt-20 text-xl font-semibold text-neutral-700 sm:text-2xl">
+            className="scroll-mt-32 text-xl font-semibold text-neutral-700 sm:text-2xl">
             Other downloads
           </h2>
           <p className="mt-2 text-neutral-600 sm:mt-4"> Need a specific download? Get it here.</p>

diff --git a/src/components/root/Features.tsx b/src/components/root/Features.tsx
@@ -46,7 +46,7 @@ export default function Features() {
       {/* Features */}
       <div
         id="features"
-        className="flex scroll-mt-20 flex-col items-center bg-primary-50 px-7 pb-20 sm:pb-40">
+        className="flex scroll-mt-32 flex-col items-center bg-primary-50 px-7 pb-20 sm:pb-40">
         <div className="sm:max-w-screen-xl">
           {/* Heading */}
           <h1 className="text-3xl font-semibold text-neutral-800 sm:max-w-2xl sm:text-4xl">

diff --git a/src/components/root/Pricing.tsx b/src/components/root/Pricing.tsx
@@ -149,7 +149,7 @@ export default function Pricing() {
 
   return (
     <div className="mt-52 flex w-full flex-col items-center bg-neutral-100 px-7 pb-40 pt-28 sm:pt-36">
-      <div id="pricing" className="w-full scroll-mt-20 sm:max-w-screen-xl">
+      <div id="pricing" className="w-full scroll-mt-32 sm:max-w-screen-xl">
         {/* Header */}
         <h1 className="text-center text-3xl font-semibold text-neutral-800 sm:text-4xl">
           <p className="flex flex-col sm:block">