47 lines
1009 B
CSS
47 lines
1009 B
CSS
/* Badge + status utilities */
|
|
.neutral-badge {
|
|
@apply inline-flex items-center rounded px-1.5 py-0.5 text-xs font-normal;
|
|
background-color: var(--badge-neutral-bg);
|
|
color: var(--badge-neutral-text);
|
|
}
|
|
|
|
.status-badge {
|
|
@apply inline-flex items-center gap-1.5 rounded px-2 py-1 text-xs font-medium;
|
|
}
|
|
|
|
.status-badge.ready {
|
|
background-color: var(--status-ready-bg);
|
|
color: var(--status-ready-fg);
|
|
}
|
|
|
|
.status-badge.starting {
|
|
background-color: var(--status-starting-bg);
|
|
color: var(--status-starting-fg);
|
|
}
|
|
|
|
.status-badge.error {
|
|
background-color: var(--status-error-bg);
|
|
color: var(--status-error-fg);
|
|
}
|
|
|
|
.status-badge.stopped {
|
|
background-color: var(--status-stopped-bg);
|
|
color: var(--status-stopped-fg);
|
|
}
|
|
|
|
.status-dot.ready {
|
|
background-color: var(--status-ready-fg);
|
|
}
|
|
|
|
.status-dot.starting {
|
|
background-color: var(--status-starting-fg);
|
|
}
|
|
|
|
.status-dot.error {
|
|
background-color: var(--status-error-fg);
|
|
}
|
|
|
|
.status-dot.stopped {
|
|
background-color: var(--status-stopped-fg);
|
|
}
|