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

4
src/types.ts
View file

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