Files
zeekayandHanzo Dev dfe6ebb039 feat(dash): grid-native on @hanzo/gui — CSS grid everywhere, no flexbox
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]>
2026-08-23 14:35:49 -07:00

4 lines
93 B
Plaintext

node-linker=hoisted
public-hoist-pattern[]=*@hanzogui*
public-hoist-pattern[]=*react-native*