From 90006dfd2a182ad7e8368178b2932352624fea83 Mon Sep 17 00:00:00 2001 From: Mark Greene Date: Sun, 4 Oct 2026 14:14:57 +1300 Subject: [PATCH] Fix: loading bar too close to tank title The hero loading bar was offset below the title by half the font size plus a fixed 16px. The title is centered as a line box, so its descenders and heavy caps reach lower than half the font size, and the fixed gap didn't grow with the title. Offset the bar by 0.75 of the font size instead, so the gap scales with the title. --- .../components/TankSandbox/Title/components/Tracker.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title/components/Tracker.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title/components/Tracker.tsx index 2b6d7071d..1f1e340fa 100644 --- a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title/components/Tracker.tsx +++ b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title/components/Tracker.tsx @@ -15,7 +15,7 @@ export function Tracker({ fontSize }: Props) { top="50%" width="min(100%, 16rem)" style={{ - transform: `translate(-50%, calc(${fontSize} / 2 + var(--space-4)))`, + transform: `translate(-50%, calc(${fontSize} * 0.75 + var(--space-4)))`, }} >