Frontend: rozmery a farby dosky centralizovane do boardTheme

Sizing konstanty (seat/standings/guess/totals) presunute do boardTheme.ts a farebne odlisenie tipu v PlayerCircle (nad tip = terakota).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
tim
2026-07-12 19:37:48 +02:00
co-authored by Claude Opus 4.8
parent 1636757217
commit 97c71cf6e1
4 changed files with 58 additions and 12 deletions
+3 -8
View File
@@ -2,6 +2,7 @@ import { useState } from 'react';
import type { PlayerInfo } from '../types';
import { computeTotal } from '../lib/standings';
import { displayName } from '../lib/names';
import { STANDINGS_FONT } from '../lib/boardTheme';
interface Props {
standings: number[][][];
@@ -40,14 +41,8 @@ export default function Standings({ standings, guesses = [], players, myOrder, d
const ROUNDS_PER_SERIES = 8;
// Bigger, more legible type on the wide desktop sidebar; compact on mobile.
const fz = {
head: desktop ? 11 : 10,
idx: desktop ? 13 : 9,
cell: desktop ? 19 : 14,
dot: desktop ? 18 : 13,
sigma: desktop ? 13 : 9,
total: desktop ? 20 : 18,
};
// Sizes live in one place (boardTheme.ts) alongside the rest of the board.
const fz = desktop ? STANDINGS_FONT.desktop : STANDINGS_FONT.mobile;
const gridCols = { gridTemplateColumns: `28px repeat(${cols.length}, 1fr)` };