kickern/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: match detail header bg to page and use theme-aware clock

Browse Source
This commit is contained in:
arnef
2026-09-10 15:51:24 +02:00
parent a593e5c63a
commit d900e45352
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/components/Card.tsx
+1 -1
View File
@@ -21,7 +21,7 @@ export function Card(props: CardProps) {
const base = () => const base = () =>
`border border-line ${ `border border-line ${
local.variant === "section" ? "bg-surface/50 rounded-2xl" : "bg-surface rounded-xl" local.variant === "section" ? "bg-surface2 rounded-2xl" : "bg-surface rounded-xl"
} ${local.shadowed ? "shadow-md" : ""} ${local.class ?? ""}`; } ${local.shadowed ? "shadow-md" : ""} ${local.class ?? ""}`;
const children = local.children as Flow; const children = local.children as Flow;
apps/frontend/src/pages/MatchDetails.tsx
+3 -3
View File
@@ -44,8 +44,8 @@ export function MatchPage() {
</svg> </svg>
<span class="sr-only">Back</span> <span class="sr-only">Back</span>
</button> </button>
<div class="bg-app"> <div class="bg-surface">
{/* <Header title={""} showBackButton /> */} {/* <Header title="" showBackButton /> */}
<Show when={match()} fallback={<MatchDetailsGenericSkeleton />}> <Show when={match()} fallback={<MatchDetailsGenericSkeleton />}>
<Show when={match().status !== "SCHEDULED"}> <Show when={match().status !== "SCHEDULED"}>
<Show <Show
@@ -285,7 +285,7 @@ export default function MatchDetailsFuture(props: { match: any }) {
month: "2-digit", month: "2-digit",
})} })}
</span> </span>
<span class="text-xl font-mono font-bold text-white mt-0.5"> <span class="text-xl font-mono font-bold text-ink mt-0.5">
{new Date(props.match.scheduledAt).toLocaleTimeString([], { {new Date(props.match.scheduledAt).toLocaleTimeString([], {
hour: "2-digit", hour: "2-digit",
minute: "2-digit", minute: "2-digit",