From bd4293b3b96c8b9600461ca2d915576d19b35fab Mon Sep 17 00:00:00 2001 From: Daniela Serey Date: Wed, 22 Nov 2023 19:51:20 -0300 Subject: [PATCH] Modificando espacios a completar --- .../src/components/Contacto/Contacto.css | 9 +- .../src/components/Registro/Registro.css | 88 +++++++++---------- .../src/components/Sesion/Sesion.css | 3 +- 3 files changed, 51 insertions(+), 49 deletions(-) diff --git a/myboya-project/src/components/Contacto/Contacto.css b/myboya-project/src/components/Contacto/Contacto.css index 99279a8..505db22 100644 --- a/myboya-project/src/components/Contacto/Contacto.css +++ b/myboya-project/src/components/Contacto/Contacto.css @@ -78,13 +78,14 @@ body { flex-direction: column; } -.form-label{ +.form-label { font-size: 17px; color: #ffffff; margin-bottom: 0.625rem; } -.form-input,.form-textarea { +.form-input, +.form-textarea { padding: 17px 14px; background-color: var(--clr-blue, #032d59); border: 1px solid white; @@ -111,7 +112,7 @@ body { .cuchara-image, .tenedor-image, -.fondocontacto-mobile{ +.fondocontacto-mobile { display: none; } @@ -177,7 +178,7 @@ body { animation: moveRightLeft 6s ease-in-out infinite; } - .fondocontacto-mobile{ + .fondocontacto-mobile { display: block; } } diff --git a/myboya-project/src/components/Registro/Registro.css b/myboya-project/src/components/Registro/Registro.css index 7fb1258..53a7b37 100644 --- a/myboya-project/src/components/Registro/Registro.css +++ b/myboya-project/src/components/Registro/Registro.css @@ -1,69 +1,69 @@ .containers-registro { - display: flex; - flex-direction: column; - margin-top: 100px; - align-items: center; - background: no-repeat center url("../../assets/Images/crear-cuenta.png"); - background-size: cover; + display: flex; + flex-direction: column; + margin-top: 100px; + align-items: center; + background: no-repeat center url("../../assets/Images/crear-cuenta.png"); + background-size: cover; } .formulario-registro { - width: 35.25rem; - height: 40rem; - background-color: rgba(217, 217, 217, 0.15); - border-radius: 3rem; - margin-bottom: 4rem; - + width: 35.25rem; + height: 40rem; + background-color: rgba(217, 217, 217, 0.15); + border-radius: 3rem; + margin-bottom: 4rem; } .formulario-registro h1 { - text-align: center; - padding: 0 0 1.5rem 0; - margin-top: 2.5rem; - color: white; - font-size: var(--font-lg); + text-align: center; + padding: 0 0 1.5rem 0; + margin-top: 2.5rem; + color: white; + font-size: var(--font-lg); } .formulario-registro label { - color: white; - font-size: var(--font-md); - margin: 0.625rem 0.625rem 0.625rem 0.625rem; + color: white; + font-size: var(--font-md); + margin: 0.625rem 0.625rem 0.625rem 0.625rem; } .usuario-registro input { - padding: 10px; - background-color: var(--clr-blue, #032d59); - border: 1px solid white; - font-size: 15px; - color: #f4f6f9; - border-radius: 25px; + padding: 0px 10px; + height: 45px; + background-color: var(--clr-blue, #032d59); + border: 1px solid white; + font-size: 15px; + color: #f4f6f9; + border-radius: 25px; } form .usuario-registro { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } .formulario-registro form { - padding: 0 5rem; - box-sizing: border-boxs; + padding: 0 5rem; + box-sizing: border-boxs; } .btn-registro { - font-weight: 600; - font-size: var(--font-md); - color: white; - padding: 0.5em 1.5em; - background-color: var(--clr-orange, #ff8c00); - border: none; - border-radius: 3rem; - cursor: pointer; - transition: all 0.3s ease 0s; - margin-top: 2.5rem; - width: 15.625rem; + font-weight: 600; + font-size: var(--font-md); + color: white; + padding: 0.5em 1.5em; + background-color: var(--clr-orange, #ff8c00); + border: none; + border-radius: 3rem; + cursor: pointer; + transition: all 0.3s ease 0s; + margin-top: 2.5rem; + width: 15.625rem; } .btn-container-registro { - display: flex; - justify-content: center; -} \ No newline at end of file + display: flex; + justify-content: center; +} diff --git a/myboya-project/src/components/Sesion/Sesion.css b/myboya-project/src/components/Sesion/Sesion.css index 6e8ef06..52348d3 100644 --- a/myboya-project/src/components/Sesion/Sesion.css +++ b/myboya-project/src/components/Sesion/Sesion.css @@ -59,7 +59,8 @@ form .usuario-sesion { } .usuario-sesion input { - padding: 10px; + padding: 0px 10px; + height: 45px; background-color: var(--clr-blue, #032d59); border: 1px solid white; font-size: 15px;