Files
zeekayandHanzo Dev 41220bfddd ui: real touch targets, 16px form fields, safe-area insets, chart redraw on resize
Measured on the rendered page (Chromium, 390/768/1280, dark+light):
- 54 interactive elements under 44px -> 0. Buttons carry min-h-11 (min-w-11
  when circular), card-name buttons extend their hit area with py-3/-my-3,
  detail icon/pagination buttons go h-8 -> h-11, nav/footer links get
  min-h-11 rows.
- Search input and all selects: h-11, 16px text — under 16px iOS zooms the
  page on focus.
- viewport-fit=cover + env(safe-area-inset-*) on body/header/footer and the
  refresh chip (max(1rem, env(...)) keeps the 16px fallback elsewhere).
- The response-time chart canvas kept its pixel width across resizes and
  overflowed 849px after 1280 -> 390 rotation; a ResizeObserver now redraws
  it (overflow 0, canvas tracks its container).
- Drop the one dead 'group' marker class (no group-* variant anywhere).

Zero horizontal overflow at all three widths, zero console errors, hamburger
and theme toggle verified by click.

Co-authored-by: Hanzo Dev <[email protected]>
2026-08-04 16:25:53 -07:00

14 lines
376 B
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Status</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>