fix: home screen style, fix #16

Innei · Apr 20, 2024 · 78a59fa · 78a59fa
1 parent 3478e54
commit 78a59fa
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/(app)/(home)/page.tsx b/src/app/(app)/(home)/page.tsx
@@ -102,7 +102,7 @@ const Hero = () => {
       return acc + (cur.text?.length || 0)
     }, 0) * 50
   return (
-    <div className="mt-20 h-dvh min-h-[800px] min-w-0 max-w-screen overflow-hidden lg:mt-[-4.5rem]">
+    <div className="mt-20 min-w-0 max-w-screen overflow-hidden lg:mt-[-4.5rem] lg:h-dvh lg:min-h-[800px]">
       <TwoColumnLayout leftContainerClassName="mt-[120px] lg:mt-0 h-[15rem] lg:h-1/2">
         <>
           <m.div
@@ -180,7 +180,7 @@ const Hero = () => {
           animate={{ opacity: 1, y: 0 }}
           transition={softBouncePreset}
           className={clsx(
-            'absolute inset-x-0 bottom-0 flex flex-col center',
+            'inset-x-0 bottom-0 mt-12 flex flex-col center lg:absolute lg:mt-0',
 
             'text-neutral-800/80 center dark:text-neutral-200/80',
           )}