fix: login identico al legacy (header USUARIO|CLAVE, inputs apilados)

This commit is contained in:
Nurfog committed 2026-09-09 16:02:18 -03:00
1 parent 1783e7d6aa
commit efbde27dcc
1 file changed
+9 -15
+9 -15
View File
@@ -38,8 +38,7 @@ function LoginForm() {
<div className="login-main-text text-light text-center"> <div className="login-main-text text-light text-center">
<img src="/favicon.png" alt="SAM" /> <img src="/favicon.png" alt="SAM" />
<h1>SAM</h1> <h1>SAM</h1>
<h3>Welcome</h3> <h3>Welcome | Bienvenido/a</h3>
<h3>Bienvenido/a</h3>
<h3>Portal IT</h3> <h3>Portal IT</h3>
</div> </div>
</div> </div>
@@ -56,6 +55,9 @@ function LoginForm() {
<div className="card-body"> <div className="card-body">
<form onSubmit={submit}> <form onSubmit={submit}>
<div className="row"> <div className="row">
<div className="col-md-12 mb-3 text-center">
<strong>USUARIO | CLAVE</strong>
</div>
{error && ( {error && (
<div className="col-md-12 mb-3"> <div className="col-md-12 mb-3">
<div className="alert alert-danger py-2 mb-0"> <div className="alert alert-danger py-2 mb-0">
@@ -63,37 +65,28 @@ function LoginForm() {
</div> </div>
</div> </div>
)} )}
<div className="col-md-3 mt-2 text-start"> <div className="col-md-3" />
<label className="form-label fw-semibold">USUARIO</label> <div className="col-md-6">
</div>
<div className="col-md-6 mt-2">
<input <input
name="TextBoxRut" name="TextBoxRut"
type="text" type="text"
value={rut} value={rut}
onChange={(e) => setRut(e.target.value)} onChange={(e) => setRut(e.target.value)}
className="form-control shadow" className="form-control shadow mb-2"
required required
placeholder="Usuario" placeholder="Usuario"
autoComplete="username" autoComplete="username"
/> />
</div>
<div className="col-md-3 mt-2 text-start">
<label className="form-label fw-semibold">CLAVE</label>
</div>
<div className="col-md-6 mt-2">
<input <input
name="TextBoxClave" name="TextBoxClave"
type="password" type="password"
value={clave} value={clave}
onChange={(e) => setClave(e.target.value)} onChange={(e) => setClave(e.target.value)}
className="form-control shadow" className="form-control shadow mb-2"
required required
placeholder="Clave" placeholder="Clave"
autoComplete="current-password" autoComplete="current-password"
/> />
</div>
<div className="col-md-12 mt-3">
<div className="d-grid"> <div className="d-grid">
<button <button
type="submit" type="submit"
@@ -108,6 +101,7 @@ function LoginForm() {
</button> </button>
</div> </div>
</div> </div>
<div className="col-md-3" />
</div> </div>
</form> </form>
</div> </div>