From 024576cdc1062b4da95d080a51c91a1903f303f0 Mon Sep 17 00:00:00 2001 From: patrick Date: Sat, 5 Sep 2026 15:09:05 +0200 Subject: [PATCH] style: schlicheres Design (flach statt Schatten, kleinerer Radius) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Nutzer-Vorgabe: Design in Richtung OpenFleet (schlicht) - Schatten auf none gesetzt, Radius 12px->8px, ruhigere Palette. Da Schatten/Radius komplett über CSS-Variablen liefen, genügt die Token-Änderung, kein Component-Code angefasst. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_01KC8HYvv6UkCVYheYiTw9DD --- DEVLOG.md | 16 ++++++++++++++++ frontend/src/styles/global.css | 35 +++++++++++++++++----------------- 2 files changed, 33 insertions(+), 18 deletions(-) diff --git a/DEVLOG.md b/DEVLOG.md index f286375..df21fa9 100644 --- a/DEVLOG.md +++ b/DEVLOG.md @@ -4205,3 +4205,19 @@ Keine Commits in dieser Session. - frontend/src/styles/global.css | 201 ++++++++++++++++++++++++++++++++++++++++++++++++-------------------- --- +## 2026-09-05 15:00 – 15:03 (2m) +**Beschreibung:** Claude Code Session +**Projekt:** asb-material + +### Commits +- 985e80b style(mobile): responsiver Durchgang - Sidebar+Liste-Layouts brechen um + +### Geänderte Dateien +- DEVLOG.md | 16 ++++++++++++++++ +- frontend/src/pages/admin/MaterialSection.tsx | 6 +++--- +- frontend/src/pages/admin/ObjektPositionenPanel.tsx | 9 +++------ +- frontend/src/pages/admin/ObjektSection.tsx | 6 +++--- +- frontend/src/pages/admin/ZustaendigkeitSection.tsx | 6 +++--- +- frontend/src/styles/global.css | 71 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + +--- diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index 29c5495..c08fc4e 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -1,20 +1,19 @@ :root { - /* Redesign 2026-09-05: kräftigeres Marken-Blau, wärmere Neutraltöne, - größerer Radius/weichere Schatten für ein moderneres, weniger - "Bootstrap-generisches" Erscheinungsbild. Alle bestehenden Klassennamen - bleiben unverändert (jede Seite nutzt sie direkt) - nur die Werte - dahinter wurden überarbeitet. Mobile/responsive Feinschliff folgt in - einem eigenen Durchgang, hier zunächst Desktop-Optik. */ - --color-bg: #f1f3f6; + /* Redesign 2026-09-05, zweiter Durchgang: bewusst schlichter/flacher + (Nutzer-Vorgabe "schlichtes Webdesign wie OpenFleet") - Schatten fast + weg, Radius kleiner, kein Hover-Glow mehr, Farben ruhiger. Alle + bestehenden Klassennamen bleiben unverändert. Mobile-Anpassungen aus + dem vorigen Durchgang bleiben bestehen. */ + --color-bg: #f4f5f7; --color-surface: #ffffff; - --color-surface-sunken: #f8f9fb; - --color-border: #dde1e7; - --color-border-strong: #c7ccd4; - --color-text: #161b22; - --color-text-muted: #5b6472; + --color-surface-sunken: #f8f9fa; + --color-border: #e1e4e8; + --color-border-strong: #c9ced4; + --color-text: #1c2126; + --color-text-muted: #64707a; --color-primary: #0a4d8c; --color-primary-hover: #073a6b; - --color-primary-soft: #e8f0fa; + --color-primary-soft: #eaf1fa; --color-danger: #b3261e; --color-danger-bg: #fbeaea; --color-warning: #9a6700; @@ -22,11 +21,11 @@ --color-success: #1e7a34; --color-success-bg: #e7f5ea; --color-muted-bg: #eef0f3; - --radius: 12px; - --radius-sm: 8px; - --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06); - --shadow: 0 2px 4px rgba(16, 24, 40, 0.06), 0 8px 20px rgba(16, 24, 40, 0.06); - --shadow-hover: 0 4px 10px rgba(16, 24, 40, 0.09), 0 12px 28px rgba(16, 24, 40, 0.09); + --radius: 8px; + --radius-sm: 6px; + --shadow-sm: none; + --shadow: none; + --shadow-hover: none; --font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; }