From 1a9c92d8414d701228d12846c99576866b99a3f4 Mon Sep 17 00:00:00 2001 From: Atridad Lahiji Date: Tue, 25 Mar 2025 01:08:53 -0600 Subject: [PATCH] Tweaks based on feedback from QA (my wife lol) --- src/App.css | 16 +++++++++------- src/types.ts | 4 ++-- 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/src/App.css b/src/App.css index 63d8e97..5a6651d 100644 --- a/src/App.css +++ b/src/App.css @@ -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, diff --git a/src/types.ts b/src/types.ts index f7292ca..abce609 100644 --- a/src/types.ts +++ b/src/types.ts @@ -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,