performance optimization

Gabo-Tech · May 24, 2024 · 62c1582 · 62c1582
1 parent c0e5cde
commit 62c1582
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/contact/page.jsx b/src/app/contact/page.jsx
@@ -103,12 +103,12 @@ const ContactPage = () => {
 
   return (
     <motion.div
-      className="relative min-h-screen bg-gradient-to-b from-blue-950 to-red-950"
+      className="relative min-h-screen bg-gradient-to-b from-blue-950 to-red-950 h-auto"
       initial={{ y: "-200vh" }}
       animate={{ y: "0%" }}
       transition={{ duration: 1 }}
     >
-      <div className="flex flex-col min-h-screen text-white font-extrabold lg:flex-row px-4 sm:px-8 md:px-12 lg:px-20 xl:px-48 items-center">
+      <div className="flex flex-col h-auto min-h-screen text-white font-extrabold lg:flex-row px-4 sm:px-8 md:px-12 lg:px-20 xl:px-48 items-center">
         {/* TEXT CONTAINER */}
         <div className="flex-grow lg:flex-grow-0 lg:w-1/2 flex flex-col md:flex-row items-center justify-center text-6xl">
           <div>{memoizedText}</div>

diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -99,7 +99,7 @@ const Homepage = () => {
     <>
       {loading && <Loader />}
       <motion.div
-        className="min-h-screen w-screen text-white bg-gradient-to-b from-blue-950 to-red-950"
+        className="min-h-screen w-screen text-white bg-gradient-to-b from-blue-950 to-red-950 h-auto"
         initial={{ x: "-300vw" }}
         animate={{ x: "0%" }}
         transition={{ duration: 1 }}
@@ -113,7 +113,7 @@ const Homepage = () => {
             animate={controls}
           >
             {/* Bottom Image (hero.png) */}
-            <div className="absolute inset-0">
+            <div className="absolute inset-0 h-auto">
               <Image
                 src="/hero.png"
                 alt="Gabriel Sketch Portrait"
@@ -126,7 +126,7 @@ const Homepage = () => {
             </div>
             {/* Top Image (hero1.png) */}
             <div
-              className="absolute inset-0"
+              className="absolute inset-0 h-auto"
               style={{
                 clipPath: `inset(0px 0px ${windowHeight - mouseY - 20}px 0px)`,
               }}