fix: login identico al legacy (header USUARIO|CLAVE, inputs apilados)
This commit is contained in:
1 parent
1783e7d6aa
commit
efbde27dcc
1 file changed
+9
-15
+9
-15
@@ -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>
|
||||||
|
|||||||
Reference in new issue
Block a user