diff --git a/frontend/src/LoginForm.css b/frontend/src/LoginForm.css index 3272372..f478c3c 100644 --- a/frontend/src/LoginForm.css +++ b/frontend/src/LoginForm.css @@ -48,7 +48,6 @@ body{ height: 420px; overflow: hidden; z-index: 2; - } .login-container{ position: absolute; @@ -58,7 +57,6 @@ body{ display: flex; flex-direction: column; transition: .5s ease-in-out; - gap: 7px; } .register-container{ position: absolute; @@ -85,6 +83,13 @@ body{ display: flex; justify-content: center; } +.top2 span{ + color: #fff; + font-size: small; + padding: 10px 0; + display: flex; + justify-content: center; +} .two span a{ font-weight: 500; color: #fff; @@ -121,6 +126,7 @@ header{ border-radius: 30px; outline: none; transition: .2s ease; + margin-bottom: 10px; /*para separar los componentes agregando un margen por debajo*/ } .input-field:hover, .input-field:focus{ background: rgba(255, 255, 255, 0.25); @@ -130,6 +136,16 @@ header{ } .input-box i{ position: relative; + margin-top: 10px; + margin-bottom: 10px; + top: -35px; + left: 17px; + color: #fff; +} +.input-box i{ + position: relative; + margin-top: 10px; + margin-bottom: 10px; top: -35px; left: 17px; color: #fff; diff --git a/frontend/src/LoginForm.jsx b/frontend/src/LoginForm.jsx index dde21fe..bab252b 100644 --- a/frontend/src/LoginForm.jsx +++ b/frontend/src/LoginForm.jsx @@ -5,6 +5,7 @@ function LoginForm() { const [loginVisible, setLoginVisible] = useState(true); const [registerVisible, setRegisterVisible] = useState(false); const [passwordVisible, setPasswordVisible] = useState(false); + const toggleLogin = () => { setLoginVisible(true); setRegisterVisible(false); @@ -23,100 +24,101 @@ function LoginForm() { setRegisterVisible(false); }; + return ( <>
- -
- +
+
-
- No tienes cuenta? Registrate -
Inicia Sesión
-
-
- - -
-
- - -
-
- -
-
-
- - +
+
+ No tienes cuenta? Registrate +
Inicia Sesión
- +
+ + +
+
+ {/**/} + +
+
+
+ + +
+ +
+
+
- +
-
- Ya tienes cuenta? Inicia Sesión -
Registrarse
-
-
-
- - +
+
+ Ya tienes cuenta? Inicia Sesión +
Registrarse
+
+
+
+ + +
+
+ + +
- - + +
-
-
- - -
-
- - -
-
- -
-
-
- - +
+ +
-
+
+ {/**/} + +
+
+
+ + +
+
+
- +
-
- Ya tienes cuenta? Inicia Sesión -
Recuperar Contraseña
-
-
-
- - +
+
+ Ya tienes cuenta? Inicia Sesión +
Recuperar Contraseña
- - + +
-
-
- - -
-
- - -
-
- -
+
+ + +
+
+ {/**/} + +
+
+