Merge pull request #558 from AlfiyaSiddique/content-overflow

Signup-login container fix
UBA-GCOEN · Aug 11, 2023 · 4903778 · 4903778 · vercel · Aug 11, 2023
2 parents 3adc8ce + 6c6cbb4
commit 4903778
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/client/StichHub/src/components/Loginsignup/AuthTailor.jsx b/client/StichHub/src/components/Loginsignup/AuthTailor.jsx
@@ -119,7 +119,7 @@ const AuthTailor = () => {
   const margin = isregister? "-mt-3": "";
 
   return (
-    <div className="bg-gray-800 h-[105vh] flex justify-between overflow-hidden">
+    <div className="bg-gray-800 flex justify-between overflow-hidden">
       {/* Loading Animations */}
       {isLoading ? (
         <div className="relative">
@@ -136,15 +136,15 @@ const AuthTailor = () => {
         </div>
       ) : null}
       {/* Left Side (img)*/}
-      <div className="hidden lg:flex bg-[url('../src/assets/loginsignupbg.webp')] bg-contain bg-no-repeat bg-[#BADDF1] bg-center w-[49vw] my-10  rounded-2xl">
+      <div className="hidden relative lg:flex bg-[url('../src/assets/loginsignupbg.webp')] bg-contain bg-no-repeat bg-[#BADDF1] bg-center w-[49vw] my-10  rounded-2xl">
         <img loading="lazy"
           src={shortlogo}
           className="w-[5vw] absolute bottom-14 left-5" alt="a white and blue letters S and H on a black background"
         ></img>
       </div>
 
       {/* Right Side */}
-      <div className="relative bg-primary w-full lg:w-[49vw] my-9 rounded-3xl lg:rounded-r-3xl">
+      <div className="relative bg-primary p-5 w-full lg:w-[49vw] my-9 rounded-3xl lg:rounded-r-3xl">
         <div className="relative z-[5]">
           {/* logo */}
 

diff --git a/client/StichHub/src/components/Loginsignup/CustomerAuth.jsx b/client/StichHub/src/components/Loginsignup/CustomerAuth.jsx
@@ -117,7 +117,7 @@ const CustomerAuth = () => {
   };
 
   return (
-    <div className="bg-gray-800 h-[105vh] flex justify-between overflow-hidden">
+    <div className="bg-gray-800 flex justify-between overflow-hidden">
       {/* Loading Animations */}
       {isLoading ? (
         <div className="relative">
@@ -134,7 +134,7 @@ const CustomerAuth = () => {
         </div>
       ) : null}
       {/* left Side */}
-      <div className="relative bg-primary w-full lg:w-[49vw] my-9 ded-3xl lg:rounded-3xl">
+      <div className="relative bg-primary p-5 w-full lg:w-[49vw] my-9 ded-3xl lg:rounded-3xl">
         <div className="relative z-[5]">
           {/* logo */}
           <a href="/" className="flex justify-center mt-3">
@@ -356,7 +356,7 @@ const CustomerAuth = () => {
       </div>
 
       {/* Right Side (img)*/}
-      <div className="hidden lg:flex bg-[url('../src/assets/loginsignupbg.webp')] bg-contain bg-no-repeat bg-[#BADDF1] bg-center w-[49vw] my-10 rounded-l-3xl">
+      <div className="hidden relative lg:flex bg-[url('../src/assets/loginsignupbg.webp')] bg-contain bg-no-repeat bg-[#BADDF1] bg-center w-[49vw] my-10 rounded-l-3xl">
         <img loading="lazy"
           src={shortlogo}
           className="w-[5vw] absolute bottom-14 right-5" alt="a black and blue letters S and H"