zzstoatzz.io
interactive intro to open social
at-me.zzstoatzz.io
fix: cap radius so app circles stay on screen
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>
+5
-5
src/view/filters.js
+5
-5
src/view/filters.js
···
226
circleSize = Math.min(40, vmin * 0.06);
227
}
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);
234
}
235
236
const centerX = window.innerWidth / 2;
237
const centerY = window.innerHeight / 2;
238
239
// Position only visible apps evenly around the circle
240
visibleAppViews.forEach((div, i) => {
···
226
circleSize = Math.min(40, vmin * 0.06);
227
}
228
circleSize = Math.max(circleSize, 35);
229
+
radius = Math.max(vmin * 0.35, 150);
230
}
231
232
const centerX = window.innerWidth / 2;
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
239
// Position only visible apps evenly around the circle
240
visibleAppViews.forEach((div, i) => {