fix(dashboard): Grid kollabierte auf Content-Breite, Kachel-Titel liefen ab

Root Cause (Screenshot-Analyse): .page-wide hatte kein width:100%/flex:1 wie .page - als Flex-Kind von .app-shell schrumpfte es auf reine Content-Breite. react-grid-layout positioniert Kacheln absolut (kein Beitrag zur intrinsischen Breite), dadurch kollabierte der ganze Grid-Container auf ~380px statt volle verfügbare Breite - Kacheln dadurch winzig, Text lief mitten im Wort ab. Fix: .page-wide bekommt flex:1/width:100%. Zusätzlich CardHeader/CardTitle mit min-w-0/truncate gegen abgeschnittene Titel, Einsatzbereitschaft-Vierer-Zeile von sm:grid-cols-4 (reagiert auf Viewport-, nicht Kachel-Breite) auf festes grid-cols-2 - lief in schmalen Kacheln trotz breitem Viewport ineinander. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
2026-09-07 13:57:34 +02:00
parent a2a44fb780
commit 52936245e1
4 changed files with 51 additions and 3 deletions
@@ -6602,3 +6602,45 @@ Keine Commits in dieser Session.
 - frontend/src/pages/dashboard/layout.ts         |  74 +++++++++++++++++++++++++++++++++------------------------------------

 ---
+## 2026-09-07 13:49 – 13:53 (3m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+- a2a44fb style(dashboard): Kacheln modernisiert - Karten, Einsatzbereitschaft-Balken, Termin-Listen, Skeleton
+
+### Geänderte Dateien
+- DEVLOG.md                                                      | 16 ++++++++++++++++
+- frontend/src/components/status/FristBadge.tsx                  | 18 ++++++++++--------
+- frontend/src/components/status/InspectionStatus.tsx            |  4 ++--
+- frontend/src/components/status/InventoryStatus.tsx             |  4 ++--
+- frontend/src/components/ui/card.tsx                            | 10 +++++++++-
+- frontend/src/pages/dashboard/DashboardPage.tsx                 |  8 +++++++-
+- frontend/src/pages/dashboard/tiles/AblaufdatenTile.tsx         | 48 +++++++++++++++++++++++++++++++++++-------------
+- frontend/src/pages/dashboard/tiles/EinsatzbereitschaftTile.tsx | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++--------------------
+- frontend/src/pages/dashboard/tiles/PrueftermineTile.tsx        | 48 +++++++++++++++++++++++++++++++++++-------------
+- frontend/src/pages/dashboard/tiles/QualifikationTile.tsx       | 45 +++++++++++++++++++++++++++++++--------------
+- frontend/src/styles/global.css                                 |  7 +++++++
+
+---
+## 2026-09-07 13:54 – 13:54 (0m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+Keine Commits in dieser Session.
+
+### Geänderte Dateien
+- DEVLOG.md                                                      | 16 ++++++++++++++++
+- frontend/src/components/status/FristBadge.tsx                  | 18 ++++++++++--------
+- frontend/src/components/status/InspectionStatus.tsx            |  4 ++--
+- frontend/src/components/status/InventoryStatus.tsx             |  4 ++--
+- frontend/src/components/ui/card.tsx                            | 10 +++++++++-
+- frontend/src/pages/dashboard/DashboardPage.tsx                 |  8 +++++++-
+- frontend/src/pages/dashboard/tiles/AblaufdatenTile.tsx         | 48 +++++++++++++++++++++++++++++++++++-------------
+- frontend/src/pages/dashboard/tiles/EinsatzbereitschaftTile.tsx | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++--------------------
+- frontend/src/pages/dashboard/tiles/PrueftermineTile.tsx        | 48 +++++++++++++++++++++++++++++++++++-------------
+- frontend/src/pages/dashboard/tiles/QualifikationTile.tsx       | 45 +++++++++++++++++++++++++++++++--------------
+- frontend/src/styles/global.css                                 |  7 +++++++
+
+---