feat(dashboard): Tailwind CSS + shadcn/ui eingeführt, Dashboard modernisiert
Kachel-Größe/Ausblenden-Fix (flexBasis pro Kachel statt nur Aufgaben-Kachel, sichtbare Liste ausgeblendeter Kacheln zum Zurückholen). Tailwind v4 + shadcn-Basiskomponenten (Button/Card/Badge) neu eingeführt, gezielt fürs Dashboard-Redesign genutzt (kein Preflight, global.css bleibt für restliche App unangetastet). TileFrame nutzt jetzt Card mit farbigem Akzentbalken je Kritikalität (Mängel/Prüftermine/Ablaufdaten/Einsatzbereitschaft), ReadinessBadge von Emoji auf CSS-Punkte umgestellt, größere Touch-Ziele im Anpassen-Modus, Kiosk-Look im Status-Monitor (Chrome ausgeblendet), "zuletzt aktualisiert"-Anzeige. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
/* Nur Theme+Utilities, kein Preflight - global.css bleibt für den Rest der App
|
||||
die Basis, Tailwind wird gezielt fürs Dashboard-Redesign genutzt. */
|
||||
@import "tailwindcss/theme.css" layer(theme);
|
||||
@import "tailwindcss/utilities.css" layer(utilities);
|
||||
|
||||
@theme {
|
||||
--color-background: var(--color-bg);
|
||||
--color-surface: var(--color-surface);
|
||||
--color-surface-sunken: var(--color-surface-sunken);
|
||||
--color-border: var(--color-border);
|
||||
--color-border-strong: var(--color-border-strong);
|
||||
--color-foreground: var(--color-text);
|
||||
--color-muted-foreground: var(--color-text-muted);
|
||||
--color-primary: var(--color-primary);
|
||||
--color-primary-hover: var(--color-primary-hover);
|
||||
--color-primary-soft: var(--color-primary-soft);
|
||||
--color-danger: var(--color-danger);
|
||||
--color-danger-bg: var(--color-danger-bg);
|
||||
--color-warning: var(--color-warning);
|
||||
--color-warning-bg: var(--color-warning-bg);
|
||||
--color-success: var(--color-success);
|
||||
--color-success-bg: var(--color-success-bg);
|
||||
}
|
||||
Reference in New Issue
Block a user