test(mobile): follow the 600px phone cut on the Duo branch

Rebased over #390, which moved the phone tier's cutoff from 430px to
600px. The palette's compound fold rule now lives in the 600-768px band
mobile.css pads, the cascade samples the palette inside that band, and
the closed iPhone Duo (466pt) is a phone rather than a small tablet while
the open one (626pt) stays a tablet. Comments in both stylesheets, the
device registry, CLAUDE.md and architecture-invariants say 600.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-09-14 16:02:02 +02:00
parent 2f9fc72252
commit 21dcec5d24
6 changed files with 23 additions and 22 deletions
+5 -5
View File
@@ -292,11 +292,11 @@ const customEntries: DeviceEntry[] = [
// in both axes. The registry's other foldable (Find N5) uses the full
// viewport for the same reason.
//
// The PAIR is what earns its place here. Both postures land in the tablet
// band (466 and 626 are each above the 430px phone cut and below 768), so a
// 5.4" phone in someone's hand gets the roomier layout. Deliberate, per the
// note on shouldUseMobileOverview(), and worth a profile precisely because it
// is easy to regress into a phone-width assumption. What must NOT move with
// The PAIR is what earns its place here. The postures straddle the 600px
// phone cut (#390): closed, 466 is a phone; open, 626 is a small tablet, so
// the layout tier flips with the fold. Deliberate, per the note on
// shouldUseMobileOverview(), and worth a profile precisely because it is
// easy to regress into a single-width assumption. What must NOT move with
// the fold is the per-device settings identity, which is UA-based and
// therefore identical across the two; test/mobile/settings.test.ts pins it.
custom('iPhone Duo (outer)', 466, 678, 3, IOS_MOBILE_UA('26_0'), true),