fix(frontend): use app-main width on Create Token desktop (#669) #1159

Merged

PlasticDigits merged 2 commits from feat/669-create-token-desktop into main

2026-08-26 08:12:29 +00:00

PlasticDigits commented

2026-08-26 06:59:00 +00:00

(Migrated from gitlab.com)

Summary

/token/create used a 520px centered chimney inside the 1080px .app-main shell, so identity, tax, wallets, and Paid features stacked below the fold on typical desktops.
Configured wizard is now w-full with a md:grid-cols-2 layout (identity + tax + wallets | SKU grid + init), paired short fields, and a 2-col Paid features checkbox grid. Phone (<md) stays a single column.
Invoice math, identity parsers, SKU hooks, and launcher execute are unchanged (C593 / C604 / C605). Manage / Migrate / Swap / Create Pair widths are out of scope.

Closes #669

Test plan

CreateTokenPage.test.tsx — desktop grid contract, DOM order, SKU panels, query ignore, combined 20+20, P7–P9 helpers
make verify-issue-669 (Vitest + docs + Playwright e2e/create-token-602.spec.ts at 5 workers)
make verify-issue-593 / 604 / 605 (including 604/605 retest loops)
python3 scripts/check_chrome_nesting.py
make lint-frontend
Browser: 1920 desktop width 1080px, Name/Symbol same row, Paid features + ack in first viewport; Extra exemptions only toggles that SKU (invoice 50); light theme; 375×667 stacked with no horizontal scroll and long bech32 treasury
Manual 1280×720 / 1440×900 dark + light first viewport (Playwright covered geometry)
Manual Keplr in-app / coarse pointer tap ≥44px
Manual unavailable env stub still narrow when launcher unset

## Summary - `/token/create` used a 520px centered chimney inside the 1080px `.app-main` shell, so identity, tax, wallets, and Paid features stacked below the fold on typical desktops. - Configured wizard is now `w-full` with a `md:grid-cols-2` layout (identity + tax + wallets | SKU grid + init), paired short fields, and a 2-col Paid features checkbox grid. Phone (`<md`) stays a single column. - Invoice math, identity parsers, SKU hooks, and launcher execute are unchanged (**C593 / C604 / C605**). Manage / Migrate / Swap / Create Pair widths are out of scope. Closes #669 ## Test plan - [x] `CreateTokenPage.test.tsx` — desktop grid contract, DOM order, SKU panels, query ignore, combined 20+20, P7–P9 helpers - [x] `make verify-issue-669` (Vitest + docs + Playwright `e2e/create-token-602.spec.ts` at 5 workers) - [x] `make verify-issue-593` / `604` / `605` (including 604/605 retest loops) - [x] `python3 scripts/check_chrome_nesting.py` - [x] `make lint-frontend` - [x] Browser: 1920 desktop width 1080px, Name/Symbol same row, Paid features + ack in first viewport; Extra exemptions only toggles that SKU (invoice 50); light theme; 375×667 stacked with no horizontal scroll and long bech32 treasury - [ ] Manual 1280×720 / 1440×900 dark + light first viewport (Playwright covered geometry) - [ ] Manual Keplr in-app / coarse pointer tap ≥44px - [ ] Manual unavailable env stub still narrow when launcher unset

PlasticDigits commented

2026-08-26 08:12:19 +00:00

(Migrated from gitlab.com)

mentioned in commit 6cacc5f4fe

mentioned in commit 6cacc5f4fef6906ebbd73fd231bc9eb81e7725bf

PlasticDigits commented

2026-08-26 08:12:20 +00:00

(Migrated from gitlab.com)

added 12 commits

e4f808bd...f5ffe964 - 11 commits from branch main
6cacc5f4 - Merge origin/main into branch for !1159

Compare with previous version

added 12 commits <ul><li>e4f808bd...f5ffe964 - 11 commits from branch <code>main</code></li><li>6cacc5f4 - Merge origin/main into branch for !1159</li></ul> [Compare with previous version](/PlasticDigits/cl8y-dex-terraclassic/-/merge_requests/441/diffs?diff_id=1984429193&start_sha=e4f808bd908bc547a1f990d5c375073629e86044)

PlasticDigits commented

2026-08-26 08:12:29 +00:00

(Migrated from gitlab.com)

mentioned in commit 3c07848a04

mentioned in commit 3c07848a04a2c32f9693626cf5dc46b37c908024