Merge pull request #67 from sitcon-tw/fix/layout

Fix mobile layout padding
sitcon-tw · Jan 20, 2025 · d1eb14f · d1eb14f
2 parents 5f600c0 + 1ff0194
commit d1eb14f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/(website)/(pages)/_components/SponsorCard.tsx b/app/(website)/(pages)/_components/SponsorCard.tsx
@@ -46,7 +46,12 @@ export default function SponsorCard(brandObj: {
             }}
           >
             <motion.div
-              initial={{ scale: 0.88, opacity: 0, y: 10, filter: "blur(0.35em)" }}
+              initial={{
+                scale: 0.88,
+                opacity: 0,
+                y: 10,
+                filter: "blur(0.35em)",
+              }}
               animate={{ scale: 0.9, opacity: 1, y: 0, filter: "blur(0)" }}
               exit={{ scale: 0.8, opacity: 0, y: 10, filter: "blur(0.3em)" }}
               transition={{ duration: 0.25 }}

diff --git a/app/(website)/(pages)/layout.tsx b/app/(website)/(pages)/layout.tsx
@@ -3,7 +3,7 @@ import { ReactNode } from "react";
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <div className="flex w-full justify-center bg-background text-foreground">
-      <div className="flex w-full max-w-[90%] flex-col justify-center px-4 py-40 lg:max-w-[840px] desktop:max-w-[1120px]">
+      <div className="flex w-full max-w-[90%] flex-col justify-center px-4 py-20 lg:max-w-[840px] desktop:max-w-[1120px] desktop:py-40">
         {children}
       </div>
     </div>