Commit 524073bd authored by Stefano Antonio Valdez Peña's avatar Stefano Antonio Valdez Peña
Browse files

Corrccion logos Y Mostrar contraseña

parent d78c376b

react_frontend/src/components/Encabezado.css

+2 −2
Original line number Diff line number Diff line
@@ -14,8 +14,8 @@ 
.header-logo_uaz,

.header-logo_uaei {

  /* width: 700px;  <-- Elimina esta línea */

  min-width: 100px;

  max-width: 100px;

  min-width: 80px;

  max-width: 80px;

  height: auto;

}

react_frontend/src/components/Registro.css

+1 −0
Original line number Diff line number Diff line
@@ -84,6 +84,7 @@ 
}

.forgot-button {

  width: 20%; /* Reduce el ancho del botón */

  height: 30px; /* Ajusta la altura del botón */

  font-size: 0.7rem; /* Reduce font size further */

  padding: 3px 8px; /* Make padding slimmer */

}

react_frontend/src/components/Registro.js

+14 −3
Original line number Diff line number Diff line
@@ -14,6 +14,7 @@ function Registro() { 
  const [mensaje, setMensaje] = useState("");

  const [id_carrera, setIdCarrera] = useState("");

  const navigate = useNavigate();

  const [showPassword, setShowPassword] = useState(false); // Estado para mostrar/ocultar contraseña

  

  const carrerasPermitidas = {

    ISftw: "Ing. en Software",
@@ -245,15 +246,25 @@ function Registro() { 
            </div>

            {tipoUsuario === "personal" && (

              <div className="field-group">

                <label>Contraseña </label>

                <label style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>

                  Contraseña

                  <button

                    type="button"

                    style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: '1.2em', padding: 0, marginLeft: '-5px' }}

                    onClick={() => setShowPassword((prev) => !prev)}

                    aria-label={showPassword ? "Ocultar contraseña" : "Mostrar contraseña"}

                  >

                    {showPassword ? "\u{1F441}" : "\u{1F648}"}

                  </button>

                </label>

                <input

                  type="password"

                  type={showPassword ? "text" : "password"}

                  value={password}

                  onChange={(e) => setPassword(e.target.value)}

                  placeholder="Contraseña"

                  required

                  style={{ width: '100%' }}

                />

                

                <button

                  className="forgot-button"

                  type="button"