Update web/static/app.css
This commit is contained in:
parent
ed76f94425
commit
c464ed3658
@ -196,4 +196,69 @@ code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono
|
||||
.meta-grid{grid-template-columns:1fr}
|
||||
.subject-title{font-size:24px}
|
||||
.lead-text{font-size:17px}
|
||||
}
|
||||
}
|
||||
|
||||
/* ===============================
|
||||
Login page (tan → blue gradient)
|
||||
=============================== */
|
||||
.login-page{
|
||||
min-height:100vh;
|
||||
background:
|
||||
linear-gradient(110deg,
|
||||
#d7b592 0%, /* soft tan (left) */
|
||||
#e7e3db 30%, /* light neutral blend */
|
||||
#8fbfe0 100% /* gentle blue (right) */
|
||||
);
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.login-hero{
|
||||
min-height:100vh;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
padding:32px 16px;
|
||||
}
|
||||
|
||||
.login-card{
|
||||
width:100%; max-width:420px;
|
||||
background:#ffffff; /* solid behind fields */
|
||||
border:1px solid #e5e7eb;
|
||||
border-radius:16px;
|
||||
box-shadow:0 10px 30px rgba(0,0,0,.08);
|
||||
padding:22px 22px 20px;
|
||||
}
|
||||
|
||||
.login-title{
|
||||
margin:4px 0 16px;
|
||||
font-size:22px; font-weight:700; color:#0f172a;
|
||||
}
|
||||
|
||||
.login-label{
|
||||
display:block; margin:10px 0 6px;
|
||||
font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:#64748b;
|
||||
}
|
||||
|
||||
.login-input{
|
||||
width:100%;
|
||||
appearance:none;
|
||||
padding:10px 12px;
|
||||
border:1px solid #d1d5db;
|
||||
border-radius:10px;
|
||||
background:#fff; color:#111827;
|
||||
font-size:16px;
|
||||
}
|
||||
.login-input:focus{
|
||||
outline:none; border-color:#2f6cab; box-shadow:0 0 0 3px rgba(47,108,171,.15);
|
||||
}
|
||||
|
||||
.login-submit{
|
||||
width:100%; margin-top:16px;
|
||||
}
|
||||
|
||||
.login-alert{
|
||||
margin:0 0 10px;
|
||||
padding:10px 12px;
|
||||
border:1px solid #fecaca; background:#fef2f2; color:#7f1d1d;
|
||||
border-radius:10px; font-size:14px;
|
||||
}
|
||||
|
||||
.login-field-error{ color:#b91c1c; font-size:13px; margin:6px 0 0; }
|
||||
Loading…
Reference in New Issue
Block a user