feat(dashboard): Design-Review umgesetzt - EmptyStates, Statuslabel, Monitor-Skalierung

Einheitliche EmptyState-Komponente statt uneinheitlicher Empty-Texte pro Kachel, gemeinsames Listen-Pattern (Inline-Styles entfernt, u.a. KennzahlenTile, MaengelTile, AktivitaetTile, AufgabenTile), Status-Textlabel im Kachel-Header zusätzlich zur Randfarbe (Kontrast/Distanz/Farbfehlsichtigkeit), Status-Monitor-Modus jetzt per zoom vergrößert für Wandmonitor-Lesbarkeit. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
2026-09-07 22:38:36 +02:00
parent 68f0139b3d
commit d38c7adbc7
11 changed files with 106 additions and 37 deletions
@@ -288,6 +288,17 @@ a {
  padding: 1.75rem 2rem 3rem;
 }

+/* Status-Monitor-Modus (Dashboard dauerhaft auf Wandmonitor, Betrachtung aus
+   mehreren Metern Entfernung) - alles per zoom vergrößern statt einzelne
+   Tailwind-rem-Klassen zu duplizieren (rem ist immer relativ zum Root-<html>,
+   Container-Schriftgröße ändern hätte also keine Wirkung auf Tailwind-Text-
+   /Abstandsklassen). zoom skaliert das gesamte gerenderte Layout inkl.
+   react-grid-layout-Raster gemeinsam mit den echten Pixelmaßen. */
+[data-monitor="true"] {
+  max-width: none;
+  zoom: 1.3;
+}
+
 /* -- Cards ---------------------------------------------------------------- */

 .card {