mirror of
https://github.com/luxfi/bank.git
synced 2026-11-02 12:37:36 +00:00
Migrate the entire bank dashboard to @hanzo/gui (the Tamagui/Tauri fork whose custom Yoga engine does full CSS Grid) — one component tree that renders grid natively on web, desktop, and mobile, with no flexbox anywhere. Foundation: hanzoguiPlugin compiles grid-css in the Vite build, hanzogui.config wires the design off the v4 defaults, GuiProvider wraps the app, react-native resolves to react-native-web, node-linker hoisted for the 65-package umbrella. Every screen (Landing, Dashboard, Wallet, Cards, Send, Exchange, Earn, Activity, Accounts, Onboarding, Callback, auth) and the shared UI layer (ui.tsx, Layout, TxnRow, CardFace, Coordinates, Allocation, Brand) lay out with @hanzo/gui View and real CSS grid. The shared layer names the five arrangements the product uses (line/split/stack/center/pill) so call sites share one definition. Colours, type, and spacing stay on the existing design tokens — look unchanged, proved by bounding-box/pixel diff against the prior build across every screen at 1280 and 390 (identical). Regressions found and fixed, all one class — @hanzo/gui base styles outrank Tailwind: absolute decorative glows stay plain divs; stacks carry gridTemplateColumns minmax(0,1fr); main fills its column via justifySelf; bare text is wrapped (RN semantics); DOM-only props (title, role=meter) stay on divs. tsc clean, build clean, 34/34 e2e green, zero console errors, no 390 overflow. The .hanzogui/ compiler cache is generated on build and gitignored. Co-authored-by: Hanzo Dev <[email protected]>
4 lines
93 B
Plaintext
4 lines
93 B
Plaintext
node-linker=hoisted
|
|
public-hoist-pattern[]=*@hanzogui*
|
|
public-hoist-pattern[]=*react-native*
|