marcus hinz
21 lines
1.2 KiB
Markdown
21 lines
1.2 KiB
Markdown
---
|
|
name: project_fe_design_system
|
|
description: "FE-Design-System — CSS-Token-Layer + Lucide-Icons, Würth-Rot; eingeführt im UI-Refresh"
|
|
metadata:
|
|
node_type: memory
|
|
type: project
|
|
originSessionId: ca356122-9115-4968-8361-c6d253d00817
|
|
---
|
|
|
|
UI-Refresh der Customer-FE gestartet (Branch `feature/fe-ui-refresh`, Commit e32b996, basiert auf development).
|
|
|
|
**Konventionen ab jetzt:**
|
|
- Farben/Abstände/Typo/Radius kommen aus `apps/plato-customer-fe/src/css/tokens.css` (CSS-Variablen, kein Build-Step). `base.css` ist global und nutzt nur diese Tokens — keine neuen Magic-Werte/Hardcodes in Komponenten.
|
|
- Markenrot: `--c-brand: #cc0000` (Würth), nur als Akzent.
|
|
- Icons: `lucide-vue-next` (v1), import named (`import { Plus } from 'lucide-vue-next'`). KEINE Emoji mehr in der UI.
|
|
- HD: Inhalt auf `--content-max` (1720px) zentriert, Liste/Detail-Split 58/42.
|
|
|
|
Erster Durchgang war "sichtbarer Refresh" (Header, Liste, Detail, Karten, Icons). Noch nicht angefasst: TechFooter-/Remote-Dialog-Glyphen (bewusst gelassen), Inputs-Detailpolish, evtl. Dialoge (SapImport/MigrationReport/RemoteCustomer).
|
|
|
|
Verwandt: [[project_montag_offen]] (UI-Redesign / Design System Montag).
|