feat: adjust dynamic padding

moonbamijam · May 7, 2024 · 23c08f0 · 23c08f0
1 parent 96fc462
commit 23c08f0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/common/Section.tsx b/components/common/Section.tsx
@@ -22,7 +22,7 @@ export default function Section({
     >
       {image}
       <div
-        className={`content relative flex flex-col items-center px-[5vw] ${contentStyles}`}
+        className={`content relative flex flex-col items-center px-[2vw] ${contentStyles}`}
       >
         {children}
       </div>

diff --git a/components/footer/Footer.tsx b/components/footer/Footer.tsx
@@ -25,7 +25,7 @@ export default function Footer() {
     <>
       <section id="footer" className="container relative bottom-0">
         <WaveOpacity />
-        <div className="py-[64px] px-[10vw] text-on-primary bg-primary dark:bg-primary-dark">
+        <div className="py-[64px] px-[8vw] text-on-primary bg-primary dark:bg-primary-dark">
           <div className="flex flex-col lg:flex-row items-center mb-8">
             <h1 className="text-3xl lg:text-4xl font-bold text-center tracking-tight mb-8">
               Let&apos;s build from here!

diff --git a/components/header/Header.tsx b/components/header/Header.tsx
@@ -30,7 +30,7 @@ export default function Header() {
       <div
         className={`w-full h-[60px] z-[1000] fixed top-0 ${scrollHeaderBg}`}
       ></div>
-      <header className="container h-[60px] w-full z-[1000] fixed top-0 left-[50%] translate-x-[-50%] px-[10vw] flex justify-between items-center">
+      <header className="container h-[60px] w-full z-[1000] fixed top-0 left-[50%] translate-x-[-50%] px-[8vw] flex justify-between items-center">
         <Link
           href="/"
           id="brand"
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,7 +22,7 @@ export default function Section({ @@
         >
           {image}
           <div
-            className={`content relative flex flex-col items-center px-[5vw] ${contentStyles}`}
+            className={`content relative flex flex-col items-center px-[2vw] ${contentStyles}`}
           >
             {children}
           </div>
@@ Expand Down @@