Update web/static/app.css

This commit is contained in:
Joshua Laymon 2025-08-13 12:52:57 +00:00
parent ed76f94425
commit c464ed3658

View File

@ -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; }