App-Shell
Die Fassung jedes Screens: Seitenleiste mit Arbeitsbereich, Navigation und Projekten; Inset oder Flat, wahlweise mit zweiter Seitenleiste für Kontext.
import { AffectShellScreen } from "@/affect/shell-screen";Base
In FORMA
- Liegt in
src/affect/shell-screen.tsxund ist über@/affect/shell-screenerreichbar. - Ein ganzer Screen in der App-Shell, aus Arc und FORMAs Teilen; die Vorschau trägt die oben gewählte Richtung, das Vollbild bringt das FORMA-Panel mit.
Usage
import { AffectShellScreen } from "@/affect/shell-screen";Die Shell ist FORMAs eigene (FormaShell mit der Navigation „Workspace“): Seitenleiste mit Arbeitsbereich, Suche, Projekten, Hinweis, Fortschritt und Konto, die Seite als Blatt daneben. Flat ist der Rahmen „bündig“, die Kontext-Leiste rechts eine zweite Ebene (useFormaLayer). Im Lab liegt sie unter /affect/shell/.
Aufbau
- Gebaut aus Arc und FORMAs Teilen: Buttons, Menüs, Segmented Control, Liniendiagramm, Usage Card, Thinking State.
- Farben, Ecken, Schrift und Tempo kommen aus der Richtung; der Startpunkt ist das Preset Onyx, die Vorschau trägt das oben gewählte.
Herkunft
- Nach den öffentlichen Screen-Vorschauen von affectUI eigenständig neu gebaut, ohne deren Code; Texte auf Deutsch, App-Logos als Buchstabenkacheln.
Screen nach den öffentlichen Vorschauen von affectUI, eigenständig auf FORMA und Arc gebaut.