From 8c1cfbfa1acad22959361a55b641576528f9a78e Mon Sep 17 00:00:00 2001 From: NataliaCancinoV Date: Tue, 23 Apr 2024 23:23:57 -0600 Subject: [PATCH] =?UTF-8?q?Commit=20correcci=C3=B3n=20login=20y=20registro?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/LoginForm.css | 44 +++++--------------------------------- 1 file changed, 5 insertions(+), 39 deletions(-) diff --git a/frontend/src/LoginForm.css b/frontend/src/LoginForm.css index b1a9a15..378bb74 100644 --- a/frontend/src/LoginForm.css +++ b/frontend/src/LoginForm.css @@ -47,6 +47,7 @@ body{ height: 420px; overflow: hidden; z-index: 2; + } .login-container{ position: absolute; @@ -56,6 +57,7 @@ body{ display: flex; flex-direction: column; transition: .5s ease-in-out; + gap: 7px; } .register-container{ position: absolute; @@ -64,6 +66,7 @@ body{ display: flex; flex-direction: column; transition: .5s ease-in-out; + gap: 7px; } .top span{ color: #fff; @@ -86,7 +89,6 @@ header{ .two-forms{ display: flex; gap: 20px; - border-bottom: 100px; } .input-field{ font-size: 15px; @@ -135,6 +137,7 @@ header{ color: #fff; font-size: small; margin-top: 10px; + margin-bottom: 10px; } .two-col .one{ display: flex; @@ -147,44 +150,7 @@ header{ .two label a:hover{ text-decoration: underline; } -@media only screen and (max-width: 786px){ - .nav-button{ - display: none; - } - .nav-menu.responsive{ - top: 100px; - } - .nav-menu{ - position: absolute; - top: -800px; - display: flex; - justify-content: center; - background: rgba(255, 255, 255, 0.2); - width: 100%; - height: 90vh; - backdrop-filter: blur(20px); - transition: .3s; - } - .nav-menu ul{ - flex-direction: column; - text-align: center; - } - .nav-menu-btn{ - display: block; - } - .nav-menu-btn i{ - font-size: 25px; - color: #fff; - padding: 10px; - background: rgba(255, 255, 255, 0.2); - border-radius: 50%; - cursor: pointer; - transition: .3s; - } - .nav-menu-btn i:hover{ - background: rgba(255, 255, 255, 0.15); - } -} + @media only screen and (max-width: 540px) { .wrapper{ min-height: 100vh;