f075968e66
All checks were successful
Build & Publish / publish (push) Successful in 43s
- Fix critical --bg-base token bug (dark mode broken), replace with --bg-surface - Replace hand-rolled admin nav with Tabs composite (proper ARIA) - Migrate AuditLog from custom table to DataTable with sorting, row accents, card wrapper - Remove duplicate h2 page titles (breadcrumb + tab already identify the page) - Rework user creation with provider-aware form (Local/OIDC RadioGroup) - Add Security section with password reset for local users, OIDC info for external - Add toast notifications to all RBAC mutations (create/delete/add/remove) - Add confirmation dialogs for cascading removals (group/role) - Add keyboard accessibility to entity lists (role/tabIndex/aria-selected) - Add empty search states, duplicate name validation - Replace lock emoji with Badge, fix radii/shadow/padding consistency - Badge dashed variant keeps background color - Inherited roles shown with dashed outline + reduced opacity - Inline MultiSelect (+Add) for groups, roles, members, child groups - Center OIDC form, replace inline styles with CSS modules Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
43 lines
1.1 KiB
CSS
43 lines
1.1 KiB
CSS
.badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
padding: 1px 8px;
|
|
border-radius: 10px;
|
|
font-family: var(--font-mono);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
border: 1px solid transparent;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.3px;
|
|
}
|
|
|
|
.filled { /* default — inline styles from hashColor or semantic class */ }
|
|
|
|
.outlined {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.dashed {
|
|
border-style: dashed;
|
|
}
|
|
|
|
.primary { background: var(--amber-bg); color: var(--amber-deep); border-color: var(--amber-light); }
|
|
.success { background: var(--success-bg); color: var(--success); border-color: var(--success-border); }
|
|
.warning { background: var(--warning-bg); color: var(--warning); border-color: var(--warning-border); }
|
|
.error { background: var(--error-bg); color: var(--error); border-color: var(--error-border); }
|
|
.running { background: var(--running-bg); color: var(--running); border-color: var(--running-border); }
|
|
|
|
.remove {
|
|
background: none;
|
|
border: none;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
opacity: 0.5;
|
|
padding: 0;
|
|
}
|
|
.remove:hover { opacity: 1; }
|