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.
This commit is contained in:
Mark Greene committed 2026-10-04 14:14:57 +13:00
1 parent f3e8cdd5e0
commit 90006dfd2a
1 file changed
+1 -1
@@ -15,7 +15,7 @@ export function Tracker({ fontSize }: Props) {
top="50%" top="50%"
width="min(100%, 16rem)" width="min(100%, 16rem)"
style={{ style={{
transform: `translate(-50%, calc(${fontSize} / 2 + var(--space-4)))`, transform: `translate(-50%, calc(${fontSize} * 0.75 + var(--space-4)))`,
}} }}
> >
<Progress color="gray" value={progress} /> <Progress color="gray" value={progress} />