feat(dashboard): Tailwind CSS + shadcn/ui eingeführt, Dashboard modernisiert
CI / backend-tests (push) Failing after 2m8s
CI / frontend-build (push) Successful in 20s

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:
2026-09-07 12:29:54 +02:00
co-authored by Claude Sonnet 5
parent 5fc8079df6
commit a46897570d
15 changed files with 1094 additions and 59 deletions
+23
View File
@@ -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);
}