|
1 | 1 | /* Admin Styles */ |
2 | 2 |
|
| 3 | +/* Tab Bar */ |
| 4 | +.tab-bar { |
| 5 | + display: flex; |
| 6 | + gap: var(--spacing-1); |
| 7 | + border-bottom: var(--border-width-thick) solid var(--color-border); |
| 8 | + margin-bottom: var(--spacing-6); |
| 9 | +} |
| 10 | + |
| 11 | +.tab { |
| 12 | + display: inline-block; |
| 13 | + padding: var(--spacing-3) var(--spacing-5); |
| 14 | + text-decoration: none; |
| 15 | + color: var(--color-text-secondary); |
| 16 | + font-weight: var(--font-weight-medium); |
| 17 | + font-size: var(--font-size-sm); |
| 18 | + border-bottom: var(--border-width-thick) solid transparent; |
| 19 | + margin-bottom: calc(-1 * var(--border-width-thick)); |
| 20 | + transition: color var(--transition-fast), border-color var(--transition-fast); |
| 21 | +} |
| 22 | + |
| 23 | +.tab:hover { |
| 24 | + color: var(--color-text-primary); |
| 25 | +} |
| 26 | + |
| 27 | +.tab.is-active { |
| 28 | + color: var(--color-primary-700); |
| 29 | + border-bottom-color: var(--color-primary-600); |
| 30 | + font-weight: var(--font-weight-semibold); |
| 31 | +} |
| 32 | + |
| 33 | +/* Saved Searches Actions */ |
| 34 | +.saved-searches-actions { |
| 35 | + margin-bottom: var(--spacing-6); |
| 36 | +} |
| 37 | + |
| 38 | +/* Flash Alert (inline form errors) */ |
| 39 | +.flash-alert { |
| 40 | + background-color: var(--color-danger-soft); |
| 41 | + color: var(--color-danger); |
| 42 | + border: var(--border-width) solid var(--color-danger); |
| 43 | + padding: var(--spacing-3) var(--spacing-4); |
| 44 | + border-radius: var(--border-radius-md); |
| 45 | + margin-bottom: var(--spacing-4); |
| 46 | + font-size: var(--font-size-sm); |
| 47 | +} |
| 48 | + |
| 49 | +.flash-alert ul { |
| 50 | + list-style: none; |
| 51 | + padding: 0; |
| 52 | + margin: 0; |
| 53 | +} |
| 54 | + |
| 55 | +.flash-alert li + li { |
| 56 | + margin-top: var(--spacing-1); |
| 57 | +} |
| 58 | + |
3 | 59 | /* Admin Users Table */ |
4 | 60 | .settings-page .email-table-wrap { |
5 | 61 | overflow-x: auto; |
@@ -365,6 +421,27 @@ textarea.form-input { |
365 | 421 | font-size: var(--font-size-sm); |
366 | 422 | } |
367 | 423 |
|
| 424 | +.button-danger-secondary { |
| 425 | + display: inline-flex; |
| 426 | + align-items: center; |
| 427 | + gap: var(--spacing-2); |
| 428 | + padding: var(--spacing-3) var(--spacing-5); |
| 429 | + font-size: var(--font-size-base); |
| 430 | + font-weight: var(--font-weight-medium); |
| 431 | + border-radius: var(--border-radius-md); |
| 432 | + cursor: pointer; |
| 433 | + text-decoration: none; |
| 434 | + transition: var(--transition-fast); |
| 435 | + background: var(--color-bg-card); |
| 436 | + color: var(--color-danger); |
| 437 | + border: var(--border-width) solid var(--color-border); |
| 438 | +} |
| 439 | + |
| 440 | +.button-danger-secondary:hover { |
| 441 | + border-color: var(--color-danger); |
| 442 | + background: var(--color-danger-soft); |
| 443 | +} |
| 444 | + |
368 | 445 | /* Admin Actions in Topic Header */ |
369 | 446 | .admin-actions { |
370 | 447 | margin-top: var(--spacing-3); |
|
0 commit comments