40 lines
1.8 KiB
Markdown
40 lines
1.8 KiB
Markdown
|
## 1. Icons
|
|||
|
|
|
|||
|
|
- [x] 1.1 Finalize the ArbPulse master icon and derive `icon-192.png`,
|
|||
|
|
`icon-512.png`, `icon-maskable-512.png` (glyph within ~80% safe zone), and
|
|||
|
|
`apple-touch-icon.png` (180px)
|
|||
|
|
- [x] 1.2 Place all icons under `web/public/`
|
|||
|
|
|
|||
|
|
## 2. Manifest
|
|||
|
|
|
|||
|
|
- [x] 2.1 Create `web/public/manifest.webmanifest` with `name`, `short_name`,
|
|||
|
|
`start_url: "/"`, `scope: "/"`, `display: "standalone"`,
|
|||
|
|
`theme_color`/`background_color` `#0a0e14`, and icon entries (192, 512, and
|
|||
|
|
512 maskable with `"purpose": "maskable"`)
|
|||
|
|
|
|||
|
|
## 3. HTML head metadata
|
|||
|
|
|
|||
|
|
- [x] 3.1 In `web/index.html`, add `viewport-fit=cover` to the viewport meta and a
|
|||
|
|
`theme-color` meta (`#0a0e14`)
|
|||
|
|
- [x] 3.2 Add `<link rel="manifest">`, `<link rel="apple-touch-icon">`, and the
|
|||
|
|
`apple-mobile-web-app-capable` / `apple-mobile-web-app-status-bar-style` /
|
|||
|
|
`apple-mobile-web-app-title` tags
|
|||
|
|
|
|||
|
|
## 4. Responsive layout
|
|||
|
|
|
|||
|
|
- [x] 4.1 `PriceMatrix.tsx`: render per-venue stacked cards (exchange + bid/ask/qty/
|
|||
|
|
spread as label–value rows) below `sm`; keep the `<table>` from `sm` up, with
|
|||
|
|
no horizontal overflow on phones
|
|||
|
|
- [x] 4.2 `StatsBar.tsx`: reflow stats and badges on mobile without clipping
|
|||
|
|
- [x] 4.3 Ensure touch targets in `Controls.tsx` and `ConfigPanel.tsx` are ~44px min
|
|||
|
|
- [x] 4.4 Sanity-check `App.tsx` spacing/padding on narrow viewports
|
|||
|
|
|
|||
|
|
## 5. Verify
|
|||
|
|
|
|||
|
|
- [x] 5.1 `npm run typecheck` and `npm test` pass
|
|||
|
|
- [x] 5.2 `npm run build` succeeds and `web/dist` contains the manifest + icons
|
|||
|
|
- [x] 5.3 DevTools device emulation: no horizontal overflow at ~375px; Application →
|
|||
|
|
Manifest shows no errors; confirm no service worker is registered
|
|||
|
|
- [ ] 5.4 After `dev → PR → main → deploy.sh`, install on a real phone from
|
|||
|
|
`https://arbpulse.wayool.com` and confirm standalone launch + live SSE data
|