test(mobile): read PHONE_MAX as an exclusive bound everywhere, drop the stale 430px baselines

Follow-up to #390. PHONE_MAX had become 599, an inclusive bound, while
three of its four consumers still read it as exclusive (width < PHONE_MAX
for phone); the one site that switched to <= disagreed with
getDeviceType(). It is 600 again with < at every site. The breakpoint
table in docs/mobile-testing-report.md says 600, and the three 430px
visual baselines are removed: they depict the tablet tier now, and the
visual suite recreates a missing baseline on its next run on the machine
that owns them. device-matrix.test.ts is also run through Prettier, which
the commit hook demanded and the format gate (src/ only) never did.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-09-14 15:53:22 +02:00
parent dff7aeef3f
commit c9c8ffddde
6 changed files with 89 additions and 98 deletions
+2 -2
View File
@@ -156,8 +156,8 @@ There is no dedicated help button in the mobile UI. Help is accessible via:
| Breakpoint | Class | Description |
|------------|-------|-------------|
| < 430px | `device-mobile` | Phone - most features hidden/simplified |
| 430-768px | `device-tablet` | Tablet - intermediate layout |
| < 600px | `device-mobile` | Phone - most features hidden/simplified |
| 600-768px | `device-tablet` | Tablet - intermediate layout |
| > 768px | `device-desktop` | Desktop - full features |
Touch devices also get `touch-device` class regardless of screen size.