mirror of
https://github.com/hanzoai/status.git
synced 2026-10-30 18:21:48 +00:00
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]>
14 lines
376 B
HTML
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>
|