69 lines
1.2 KiB
CSS
69 lines
1.2 KiB
CSS
/*
|
||
wlkns-dev-standards
|
||
UI States – Empty, Loading, Bulk Actions
|
||
Version: v1.0
|
||
|
||
Zweck:
|
||
Einheitliche Zustände für Admin- und Tool-UIs.
|
||
*/
|
||
|
||
/* =========================
|
||
Empty State
|
||
========================= */
|
||
|
||
.empty-state {
|
||
text-align: center;
|
||
padding: var(--space-6);
|
||
color: var(--color-text-muted);
|
||
}
|
||
|
||
.empty-state h3 {
|
||
margin-bottom: var(--space-2);
|
||
font-size: var(--font-size-md);
|
||
color: var(--color-text);
|
||
}
|
||
|
||
.empty-state p {
|
||
margin-bottom: var(--space-4);
|
||
}
|
||
|
||
/* =========================
|
||
Loading State
|
||
========================= */
|
||
|
||
.loading-overlay {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: rgba(248, 250, 252, 0.8);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: var(--font-size-sm);
|
||
color: var(--color-text-muted);
|
||
}
|
||
|
||
/* =========================
|
||
Bulk Actions
|
||
========================= */
|
||
|
||
.bulk-bar {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: var(--space-3) var(--space-4);
|
||
background: var(--color-surface);
|
||
border: 1px solid var(--color-border);
|
||
border-radius: var(--radius-sm);
|
||
margin-bottom: var(--space-4);
|
||
}
|
||
|
||
.bulk-bar .count {
|
||
font-size: var(--font-size-sm);
|
||
}
|
||
|
||
.bulk-bar .actions {
|
||
display: flex;
|
||
gap: var(--space-2);
|
||
}
|
||
|