style(mobile): responsiver Durchgang - Sidebar+Liste-Layouts brechen um
4 Admin-Sektionen (ObjektSection, MaterialSection, ZustaendigkeitSection, ObjektPositionenPanel) hatten identisches fest-20rem/12rem-Sidebar-neben- Liste-Layout ohne Umbruch - auf Mobile lagen beide Spalten nebeneinander breiter als der Bildschirm. Neue global.css-Klassen .split-layout/ -sidebar/-sidebar-sm/-content lösen das inline-Style-Duplikat auf und klappen unter 768px automatisch auf eine Spalte. Zusätzlich: .page-wide/.topbar/.card-grid/.row bekommen eigene 768px- Anpassungen (kleinere Paddings/Schrift, Kacheln volle Breite, automatischer Zeilenumbruch). Tabellen (Historie/Lagerbewegungen) waren schon per overflow-x:auto abgesichert, keine Änderung nötig dort. Mitarbeiter-Mobilflow (ObjektListPage/KontrollPage, 640px-Spalte) unverändert - war laut Nutzer-Feedback bereits gut. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KC8HYvv6UkCVYheYiTw9DD
This commit is contained in:
@@ -4189,3 +4189,19 @@ Keine Commits in dieser Session.
|
||||
- DEVLOG.md | 38 ++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
---
|
||||
## 2026-09-05 14:55 – 14:59 (4m)
|
||||
**Beschreibung:** Claude Code Session
|
||||
**Projekt:** asb-material
|
||||
|
||||
### Commits
|
||||
- 7ebbae8 style: visuelles Redesign (Desktop), Design-Anleihe bei Resgrid/OpenFleet/EMCS
|
||||
|
||||
### Geänderte Dateien
|
||||
- DEVLOG.md | 33 ++++++++++++
|
||||
- frontend/src/pages/DashboardPage.tsx | 36 ++++++-------
|
||||
- frontend/src/pages/FehlbestandListePage.tsx | 2 +-
|
||||
- frontend/src/pages/MangelListePage.tsx | 4 +-
|
||||
- frontend/src/pages/admin/QualifikationSection.tsx | 2 +-
|
||||
- frontend/src/styles/global.css | 201 ++++++++++++++++++++++++++++++++++++++++++++++++--------------------
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user