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

colors

Browse Source
This commit is contained in:
Andreas Knuth
2026-06-24 16:24:44 -05:00
parent 2f8e8b4a12
commit 573bc74cfa
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/Groups.tsx
View File

@@ -36,6 +36,8 @@ export default function Groups({
{tables.map((t) => { {tables.map((t) => {
const live = liveMatchFor(t.group, matches); const live = liveMatchFor(t.group, matches);
const liveIds = liveTeamIdsFor(t.group, matches); const liveIds = liveTeamIdsFor(t.group, matches);
const groupMatches = matches.filter((m) => m.group === t.group);
const groupComplete = groupMatches.length > 0 && groupMatches.every((m) => m.status === "FINISHED");
return ( return (
<div className="group-card" key={t.group}> <div className="group-card" key={t.group}>
<button <button
@@ -43,7 +45,7 @@ export default function Groups({
onClick={() => onOpenGroup(t.group)} onClick={() => onOpenGroup(t.group)}
title={`Spiele der Gruppe ${t.group} ansehen`} title={`Spiele der Gruppe ${t.group} ansehen`}
> >
<span className="group-name">Gruppe {t.group}</span> <span className={`group-name${groupComplete ? " group-complete" : ""}`}>Gruppe {t.group}</span>
<span className="group-tag"> <span className="group-tag">
{live ? "● LIVE" : "Spiele ansehen →"} {live ? "● LIVE" : "Spiele ansehen →"}
</span> </span>

1
app/globals.css
View File

@@ -118,6 +118,7 @@ a { color: inherit; text-decoration: none; }
font-family: var(--font-display); font-weight: 800; font-size: 16px; font-family: var(--font-display); font-weight: 800; font-size: 16px;
text-transform: uppercase; letter-spacing: 0.02em; text-transform: uppercase; letter-spacing: 0.02em;
} }
.group-name.group-complete { color: var(--turf); }
.group-tag { font-family: var(--font-mono); font-size: 10px; color: var(--ink-faint); } .group-tag { font-family: var(--font-mono); font-size: 10px; color: var(--ink-faint); }
table.standings { width: 100%; border-collapse: collapse; } table.standings { width: 100%; border-collapse: collapse; }