fixes singup page overflow issue (#1269)

* fixes singup page overflow issue * fixed singup page overflow issue * fix: alignment issue --------- Co-authored-by: narayan soni <[email protected]>
narayan954 · Oct 6, 2023 · d204587 · d204587
1 parent e58aed5
commit d204587
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/src/pages/Login/index.css b/src/pages/Login/index.css
@@ -253,7 +253,7 @@
     padding: 1.5rem;
   }
   .login__left {
-    margin-top: 10px;
+    margin-top: 20px;
     padding: 0;
   }
   .form__top {

diff --git a/src/pages/Signup/index.css b/src/pages/Signup/index.css
@@ -11,10 +11,7 @@
 }
 
 .signup-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+  margin-top: 4em;
 }
 
 .img-outer .img-inner {
@@ -114,7 +111,7 @@
 
 @media screen and (max-width: 720px) {
   .signup-container {
-    margin-top: 4em;
+    margin-top: 0;
   }
   .pass-container-both {
     flex-direction: column;

diff --git a/src/pages/Signup/index.jsx b/src/pages/Signup/index.jsx
@@ -190,7 +190,7 @@ const SignupScreen = () => {
   return (
     <Auth_container>
       <form aria-label="Sign Up Form">
-        <div className="form__bottom">
+        <div className="form__bottom signup-container">
           {/* image input for the form  */}
           <Auth__image__input
             address={address}