CSS nach Bereichen aufgeteilt, doppelte Regeln zusammengeführt

- styles.css (1757 Zeilen) und themes.css → frontend/src/styles/:
  base, layout, components, start, projekte (inkl. Artikel), monitoring,
  haushalt, reisen, kanban, konto, grundschicht, responsive und
  designs/ (gemeinsam, blackwall, fabrik); index.css legt die Reihenfolge fest
- Die spätere "Moderne Grundschicht" ist in die Regeln der Bereiche
  eingearbeitet (z. B. .segmented, .household-item, .tile, .board-column
  stehen jeweils nur noch an einer Stelle); übrig bleiben nur
  bereichsübergreifende Regeln (einheitliche Eingabefelder, Hover, Bewegung)
- .link-picker (Auswahllisten in Dialogen) zu den allgemeinen Bausteinen
- Optisch unverändert: 54 Seiten-Screenshots (9 Seiten × 3 Designs ×
  Desktop/Handy) und 18 Dialog-/Zustandsbilder pixelgleich zum Stand davor

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
guyg1474andClaude Opus 5.5 committed 2026-10-15 18:28:58 +02:00
1 parent fa58708e2d
commit 419d200bf9
20 files changed
+2096 -2137

No files matched your search

+6 -2
View File
@@ -250,8 +250,12 @@ frontend/
src/main.jsx Routen
src/api.js API-Aufrufe, Bild-Upload
src/auth.jsx Anmeldestatus
src/styles.css Grund-Styling und Matrix-Design (responsiv, volle Breite)
src/themes.css Blackwall und Fabrik (überschreiben styles.css)
src/styles/index.css Bindet alle Styles in fester Reihenfolge ein (Kommentar dort beachten)
src/styles/base.css Tokens (Farben, Schrift, Form) und Matrix als Standard-Design
src/styles/<bereich>.css layout, components, start, projekte, monitoring, haushalt, reisen, kanban, konto
src/styles/grundschicht.css Bereichsübergreifend: einheitliche Eingabefelder, Hover, Bewegung (kommt nach den Bereichen)
src/styles/responsive.css Handy-Anpassungen, weniger Bewegung
src/styles/designs/ Blackwall und Fabrik (überschreiben vor allem Tokens)
src/theme.js, motion.js Design-Auswahl, Animations-Schalter
src/useLiveData.js Laden, regelmäßiges Nachladen und Speichern einer Seite (gemeinsamer Hook)
src/storage.js Kleine Einstellungen pro Browser (localStorage)