atridad/zoomaccel
1
0
Fork 0
Code Activity Actions

Tweaks based on feedback from QA (my wife lol)

Browse source
This commit is contained in:
Atridad Lahiji 2025-03-25 01:08:53 -06:00
parent ef6d30137a
commit 1a9c92d841
Signed by: atridad
SSH key fingerprint: SHA256:LGomp8Opq0jz+7kbwNcdfTcuaLRb5Nh0k5AchDDb438
2 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/App.css
View file

@ -50,21 +50,23 @@
.target {
position: absolute;
background-color: #666666; /* Light gray for better contrast on black */
background-color: #666666;
border-radius: 50%;
transition: background-color 0.2s ease;
box-shadow: 0 0 15px rgba(100, 100, 100, 0.4);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%) translateZ(0);
will-change: transform;
contain: layout;
border: 4px solid rgba(180, 180, 180, 0.6); /* Lighter border for contrast */
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
.target.active {
background-color: #22cc22; /* Bright green for better visibility */
box-shadow: 0 0 30px rgba(34, 204, 34, 0.8);
border: 4px solid #ffffff;
background-color: #26ff00;
z-index: 10;
transform: translate(-50%, -50%) translateZ(0);
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
opacity: 1 !important;
}
html,

4
src/types.ts
View file

@ -43,8 +43,8 @@ export interface Round {
export const CONSTANTS = {
TARGET_COUNT: 200,
TARGET_MIN_RADIUS: 200,
TARGET_MAX_RADIUS: 600,
TARGET_MIN_RADIUS: 280,
TARGET_MAX_RADIUS: 800,
VIRTUAL_CANVAS_SIZE: 50000,
ZOOM_LEVELS: {
min: 0.01,