Skip to content

Commit 1a93b3f

Browse files
dachi-devclaude
andcommitted
Make mobile experience feel native
- Disable tap highlight, overscroll bounce, and text-size-adjust - Add touch-action: manipulation to prevent double-tap zoom - Font-size 16px on inputs to prevent iOS auto-zoom - Active press states (scale down) on chips, links, send button - Remove hover effects on touch devices (mobile only) - Horizontal scroll suggestion chips with snap (native swipe feel) - Hide scrollbars on mobile chat area - Reduce particle count and ambient orb sizes for mobile perf - Add extra-small screen breakpoint (380px) for iPhone SE/mini - Safe area insets on left/right edges Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 0422143 commit 1a93b3f

2 files changed

Lines changed: 226 additions & 22 deletions

File tree

src/components/ParticleBackground.jsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,10 @@ export default function ParticleBackground() {
5454
}
5555
}
5656

57-
const count = Math.min(80, Math.floor((canvas.width * canvas.height) / 15000));
57+
const isMobile = canvas.width < 640;
58+
const count = isMobile
59+
? Math.min(30, Math.floor((canvas.width * canvas.height) / 25000))
60+
: Math.min(80, Math.floor((canvas.width * canvas.height) / 15000));
5861
for (let i = 0; i < count; i++) {
5962
particles.push(new Particle());
6063
}

0 commit comments

Comments
 (0)