mirror of
https://github.com/luxfi/wallet.git
synced 2026-07-27 03:37:41 +00:00
5dd2b1602292b1a074e2783de94339db76ae8b6e
At 390px the top bar was a single non-wrapping flex row whose min-content width (~470px) forced the single-column app grid — and thus the whole document — to 478px, pushing the account/connect control off-screen and clipping the CTA card. Two changes: - index.html: add the app's one document-level reset (box-sizing:border-box + zero html/body margin). The missing UA body margin reset was adding the extra 8px (478 vs 470). No overflow-x:hidden — it would break the sticky header. - AppShell.tsx: let the header wrap (flex-wrap) so the chain+account group drops to a second row instead of widening the document; grid header row becomes minmax(56px,auto) so the wrapped row isn't clipped; groups get min-width:0 so they can shrink. Verified headless at 390x844: document.scrollWidth 478 -> 390, zero elements past the viewport, connect control + CTA fully on-screen. Co-authored-by: Hanzo Dev <dev@hanzo.ai>
Description
Open Source Lux DeFi Wallet.
187 MiB
Languages
TypeScript
88%
Swift
4.2%
Kotlin
4.1%
JavaScript
1.2%
Go
0.8%
Other
1.6%