aknuth/wm-projekt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

KO: Stadion + Anstoss

Browse Source
This commit is contained in:
Andreas Knuth
2026-06-27 16:22:43 -05:00
parent 4d838e2fb7
commit e9701ce25b
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/Bracket.tsx
View File

@@ -56,7 +56,7 @@ function fmtMatchInfo(utcDate?: string, stadiumId?: string): string {
const city = stadiumId ? STADIUMS[stadiumId]?.city : ""; const city = stadiumId ? STADIUMS[stadiumId]?.city : "";
const parts = [`${dateStr}`, `${timeStr}`]; const parts = [`${dateStr}`, `${timeStr}`];
if (city) parts.push(city); if (city) parts.push(city);
return parts.join(" · "); return parts.join(" ");
} }
function Tie({ function Tie({
@@ -69,8 +69,10 @@ function Tie({
}) { }) {
return ( return (
<div className={`tie ${isFinal ? "final-tie" : ""}`}> <div className={`tie ${isFinal ? "final-tie" : ""}`}>
<div className="tie-head">Spiel {tie.matchNumber}</div> <div className="match-badge">{tie.matchNumber}</div>
{matchInfo && <div className="tie-meta">{matchInfo}</div>} <div className="tie-head">
{matchInfo || `Spiel ${tie.matchNumber}`}
</div>
<Side s={tie.home} prob={tie.prob?.home} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} /> <Side s={tie.home} prob={tie.prob?.home} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} />
<Side s={tie.away} prob={tie.prob?.away} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} /> <Side s={tie.away} prob={tie.prob?.away} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} />
</div> </div>

10
app/globals.css
View File

@@ -223,10 +223,14 @@ table.standings { width: 100%; border-collapse: collapse; }
.tie-head { .tie-head {
font-family: var(--font-mono); font-size: 9px; color: var(--ink-faint); font-family: var(--font-mono); font-size: 9px; color: var(--ink-faint);
letter-spacing: 0.04em; padding: 5px 10px 0; letter-spacing: 0.04em; padding: 5px 10px 0;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
} }
.tie-meta { .match-badge {
font-family: var(--font-mono); font-size: 8px; color: var(--ink-dim); position: absolute; top: -6px; right: -6px;
padding: 2px 10px 0; font-family: var(--font-mono); font-size: 9px; font-weight: 700;
line-height: 18px; min-width: 18px; text-align: center;
border-radius: 999px; padding: 0 4px;
background: var(--ink-faint); color: var(--bg-card);
} }
.side { .side {
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;