Update frontend/src/App.css

This commit is contained in:
Zac Gaetano 2026-04-04 22:51:39 -04:00
parent 11e72ebeec
commit d8b0913612

View file

@ -659,3 +659,40 @@ body {
}
.nav-btn:hover { color: #fff; border-color: rgba(255,255,255,0.3); }
.nav-btn.active { color: #fff; background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.3); }
/* ====== Auth ====== */
.auth-badge { display: flex; align-items: center; }
.auth-ok { color: #86efac; font-size: 0.85rem; font-weight: 500; }
.auth-pending { color: #fde68a; font-size: 0.85rem; }
.auth-login-btn {
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.35);
border-radius: 6px;
color: #fff;
font-size: 0.82rem;
font-weight: 500;
padding: 0.3rem 0.8rem;
cursor: pointer;
transition: background 0.15s;
}
.auth-login-btn:hover { background: rgba(255,255,255,0.25); }
.auth-panel {
border-radius: 8px;
overflow: hidden;
}
.auth-connected, .auth-pending-panel, .auth-disconnected {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
border-radius: 8px;
}
.auth-connected { background: #f0fdf4; border: 1px solid #bbf7d0; }
.auth-pending-panel { background: #fffbeb; border: 1px solid #fde68a; }
.auth-disconnected { background: #fef2f2; border: 1px solid #fecaca; }
.auth-icon { font-size: 1.5rem; flex-shrink: 0; }
.auth-title { font-weight: 600; font-size: 0.95rem; color: var(--color-text); }
.auth-sub { font-size: 0.82rem; color: var(--color-secondary); margin-top: 0.15rem; }
.auth-url-link { font-size: 0.85rem; color: var(--color-primary); margin-top: 0.25rem; display: inline-block; }
.btn-sm { padding: 0.3rem 0.75rem; font-size: 0.82rem; margin-left: auto; }