Update frontend/src/App.css
This commit is contained in:
parent
11e72ebeec
commit
d8b0913612
1 changed files with 37 additions and 0 deletions
|
|
@ -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; }
|
||||
|
|
|
|||
Reference in a new issue