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

bessere Farbe

Browse Source
This commit is contained in:
Andreas Knuth
2026-06-27 16:32:47 -05:00
parent e9701ce25b
commit 1a99bd8029
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/Bracket.tsx
View File

@@ -70,7 +70,7 @@ function Tie({
return (
<div className={`tie ${isFinal ? "final-tie" : ""}`}>
<div className="match-badge">{tie.matchNumber}</div>
<div className="tie-head">
<div className="tie-meta">
{matchInfo || `Spiel ${tie.matchNumber}`}
</div>
<Side s={tie.home} prob={tie.prob?.home} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} />

8
app/globals.css
View File

@@ -220,8 +220,8 @@ table.standings { width: 100%; border-collapse: collapse; }
border-radius: var(--radius-sm); position: relative;
}
.tie.final-tie { border-color: var(--gold); box-shadow: 0 0 0 1px rgba(255,210,74,0.2); }
.tie-head {
font-family: var(--font-mono); font-size: 9px; color: var(--ink-faint);
.tie-meta {
font-family: var(--font-mono); font-size: 9px; color: rgba(255,255,255,0.55);
letter-spacing: 0.04em; padding: 5px 10px 0;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@@ -230,7 +230,7 @@ table.standings { width: 100%; border-collapse: collapse; }
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);
background: #1a2744; color: #ffffff; border: 1px solid rgba(255,255,255,0.15);
}
.side {
display: flex; align-items: center; justify-content: space-between;
@@ -349,7 +349,7 @@ table.standings { width: 100%; border-collapse: collapse; }
.round { min-width: 170px; }
.round-label { font-size: 10px; }
.round-matches { gap: 8px; }
.tie-head { font-size: 8px; padding: 3px 8px 0; }
.tie-meta { font-size: 8px; padding: 3px 8px 0; }
.side { padding: 6px 8px; font-size: 11px; }
.side .nm { gap: 5px; }
.prov-mark { font-size: 10px; }