diff options
| author | Adam Soltys <[email protected]> | 2026-08-04 00:36:08 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-04 00:36:08 -0700 |
| commit | dece938e6e4dc1e1ee8afc76be1c3e91282100bf (patch) | |
| tree | c679d9f5ab38b40caf660d3a842834a17be32fb0 /src/style.css | |
| parent | efad28e5bc27a40435601fd6aee9ad0a797d3c9e (diff) | |
| download | coinosv3-dece938e6e4dc1e1ee8afc76be1c3e91282100bf.tar.gz coinosv3-dece938e6e4dc1e1ee8afc76be1c3e91282100bf.zip | |
Keep the punks carousel where you left it, and on the page
A background repaint rebuilt the strip at scrollLeft 0 mid-swipe; render()
now carries scroll positions across the swap the same way it carries focus.
The onboarding column also sized itself to the strip's intrinsic width
(auto margins defeat flex stretch), overflowing phones below ~450px.
Co-Authored-By: Claude Fable 5 <[email protected]>
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css index 975f490..2b9c969 100644 --- a/src/style.css +++ b/src/style.css @@ -513,7 +513,11 @@ body::after { .anim-tab-right { animation: tab-in-right .26s cubic-bezier(.25, .8, .35, 1) both; } /* ---- onboarding wizard + tour ---- */ -.onb { max-width: 420px; margin: 8vh auto 0; padding: 0 8px; } +/* width:100%, not just max-width: with auto margins the flex item doesn't + stretch, and the punks strip's intrinsic width (12 avatars, ~780px — a + scroll container still reports its full content width) would size the + column to the 420px cap even on narrower phones, overflowing the page. */ +.onb { width: 100%; max-width: 420px; margin: 8vh auto 0; padding: 0 8px; } .onb-title { margin: 0; font-size: 26px; letter-spacing: -0.02em; } .onb-hero { margin-bottom: 8px; } .onb-punks { display: flex; gap: 10px; overflow-x: auto; padding: 6px 2px; } |