Alerts
This commit is contained in:
@@ -320,6 +320,13 @@ button:focus-visible, a:focus-visible, input:focus-visible, summary:focus-visibl
|
||||
.error { color: var(--red); }
|
||||
.panel-body > .error { color: var(--red); }
|
||||
.error:empty { display: none; }
|
||||
#alerts-form { display: grid; justify-content: stretch; gap: 1rem; max-width: 460px; }
|
||||
.alert-option { display: flex; align-items: center; gap: 0.65rem; color: var(--text); font-size: 0.85rem; cursor: pointer; }
|
||||
.alert-option input { width: 18px; height: 18px; min-height: 0; padding: 0; margin: 0; accent-color: var(--mauve); flex-shrink: 0; }
|
||||
#alerts-zone { width: 100%; min-height: 44px; padding: 0.65rem 0.9rem; color: var(--text); background: var(--base); border: 1px solid var(--surface); border-radius: 9px; font: inherit; }
|
||||
#alerts-zone:focus-visible { outline: 2px solid var(--mauve); outline-offset: 2px; }
|
||||
.alert-note { padding: 0.25rem 1rem 0.5rem; background: var(--base); border: 1px solid var(--surface); border-radius: 12px; margin-top: 1.25rem; }
|
||||
.alert-note p { font-size: 0.75rem; color: var(--subtext); }
|
||||
#stats-summary { padding: 0.5rem 1rem; border: 1px solid var(--surface); border-radius: 12px; background: var(--base); }
|
||||
#stats-summary p { color: var(--subtext); font-size: 0.8rem; }
|
||||
#stats-summary p:first-child { color: var(--lavender); font-weight: 600; }
|
||||
|
||||
Reference in New Issue
Block a user