Skip to content

Commit ef1c6a1

Browse files
p4gsclaudehappy-otter
committed
Fix mobile zoom-out and horizontal overscroll
- html overflow:hidden prevents zoom-out beyond viewport - body max-width:100vw prevents horizontal bleed - Haze elements repositioned from negative offsets to 0 - Prevents iOS orientation rotation zoom issues Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
1 parent 956b2bc commit ef1c6a1

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

docs/projects/nthpartyfinder/index.html

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -215,28 +215,30 @@
215215
filter: blur(80px);
216216
will-change: transform, opacity;
217217
z-index: 0;
218+
max-width: 100vw;
219+
overflow: hidden;
218220
}
219221
.haze-orange {
220222
width: 600px;
221223
height: 400px;
222224
background: rgba(255, 168, 79, 0.12);
223225
top: 20%;
224-
left: -5%;
226+
left: 0;
225227
animation: haze-drift-1 20s ease-in-out infinite, haze-pulse 8s ease-in-out infinite;
226228
}
227229
.haze-blue {
228230
width: 500px;
229231
height: 350px;
230232
background: rgba(27, 149, 193, 0.10);
231233
top: 5%;
232-
right: -5%;
234+
right: 0;
233235
animation: haze-drift-2 24s ease-in-out infinite, haze-pulse 10s ease-in-out 2s infinite;
234236
}
235237
.haze-purple {
236238
width: 400px;
237239
height: 400px;
238240
background: rgba(179, 136, 255, 0.08);
239-
bottom: -5%;
241+
bottom: 0;
240242
left: 30%;
241243
animation: haze-drift-3 22s ease-in-out infinite, haze-pulse 12s ease-in-out 4s infinite;
242244
}
@@ -712,7 +714,8 @@
712714
.footer a { color: var(--neon-pink); }
713715

714716
/* ── RESPONSIVE ── */
715-
html, body { overflow-x: hidden; }
717+
html { overflow: hidden; width: 100%; height: 100%; }
718+
body { overflow-x: hidden; overflow-y: auto; width: 100%; max-width: 100vw; }
716719

717720
.install-card pre {
718721
max-width: 100%;

0 commit comments

Comments
 (0)