fix: cap radius so app circles stay on screen

interactive intro to open social at-me.zzstoatzz.io

Removed minRadiusForSpacing calculation that could push apps off screen
when there are many apps. Now caps radius to viewport bounds.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

zzstoatzz.io 1 month ago 1b2e89e9 80fd3b19

ci.yaml

success 10s

+5 -5

1 changed file

expand all

unified split

src

view

filters.js

+5 -5

src/view/filters.js

··· 226 226 circleSize = Math.min(40, vmin * 0.06); 227 227 } 228 228 circleSize = Math.max(circleSize, 35); 229 - // Calculate radius to ensure minimum spacing between apps 230 - // Arc length between apps should be at least circleSize + gap 231 - const minGap = 30; 232 - const minRadiusForSpacing = (visibleCount * (circleSize + minGap)) / (2 * Math.PI); 233 - radius = Math.max(vmin * 0.35, minRadiusForSpacing, 150); 229 + radius = Math.max(vmin * 0.35, 150); 234 230 } 235 231 236 232 const centerX = window.innerWidth / 2; 237 233 const centerY = window.innerHeight / 2; 234 + 235 + // Cap radius so apps stay on screen (leave room for labels) 236 + const maxRadius = Math.min(centerX, centerY) - circleSize - 60; 237 + radius = Math.min(radius, maxRadius); 238 238 239 239 // Position only visible apps evenly around the circle 240 240 visibleAppViews.forEach((div, i) => {