Mudanças na tela de login e universiform

universi-me · Dec 14, 2023 · 9e26f1c · 9e26f1c
1 parent d1e5c77
commit 9e26f1c
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 16 deletions.
diff --git a/src/components/UniversiForm/UniversiForm.less b/src/components/UniversiForm/UniversiForm.less
@@ -5,6 +5,7 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    flex-wrap: wrap;
 
     .image-preview {
         height: 5rem;
@@ -53,9 +54,11 @@
     background-color: white;
     border-radius: var(--border-radius);
 
-    width: 45rem;
+    width: 80vw;
     overflow: hidden;
 
+    max-height: 90vh;
+
     box-sizing: 0px 4px 4px 0px rgba(0, 0, 0, 0.50);
 
     @header-padding: 1rem;

diff --git a/src/pages/singin/Singin.tsx b/src/pages/singin/Singin.tsx
@@ -11,6 +11,16 @@ export default function Singin() {
 
     return (
     <div>
+      <footer className="waves-footer">
+        <div className="waves">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
+            <path
+              fill-opacity="1"
+              d="M0,160L60,133.3C120,107,240,53,360,74.7C480,96,600,192,720,245.3C840,299,960,309,1080,309.3C1200,309,1320,299,1380,293.3L1440,288L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
+            ></path>
+          </svg>
+        </div>
+      </footer>
       <div className="signin-container">
         <div className="logo">
           {/* <UniversiLogo /> */}
@@ -22,16 +32,6 @@ export default function Singin() {
         <div className="signin">
           <SinginForm></SinginForm>
         </div>
-        <footer className="waves-footer">
-          <div className="waves">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
-              <path
-                fill-opacity="1"
-                d="M0,160L60,133.3C120,107,240,53,360,74.7C480,96,600,192,720,245.3C840,299,960,309,1080,309.3C1200,309,1320,299,1380,293.3L1440,288L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
-              ></path>
-            </svg>
-          </div>
-        </footer>
       </div>
     </div>
   );

diff --git a/src/pages/singin/signin.css b/src/pages/singin/signin.css
@@ -3,8 +3,16 @@
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
-    margin-top: 10rem;
     gap: 5rem;
+
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+
+
+    flex-direction: row;
+    width: 100%;
 }
 
 .logo {
@@ -16,7 +24,6 @@
     letter-spacing: 2px;
     gap: 2px;
 
-    margin-right: 3rem;
 }
 
 .logo img {
@@ -30,11 +37,15 @@
     text-align: 10px;
     color: var(--font-color-v2);
 
+    margin-left: 2rem;
+
     margin-top: 1em;
 }
 
 footer {
     width: 100vw;
+    position: fixed;
+    top: 100%;
 }
 
 .waves svg {
@@ -49,4 +60,4 @@ footer {
         position: relative;
         margin-bottom: -10px;
     }
-}
+}
diff --git a/src/pages/singin/signinForm.css b/src/pages/singin/signinForm.css
@@ -1,6 +1,4 @@
 .container {
-    width: fit-content;
-    height: fit-content;
     background-color: white;
     display: flex;
     align-items: center;