調整分組卡片版面並更新 README

This commit is contained in:
2026-04-16 14:37:32 +08:00
parent 4a66f37e1f
commit f50b11600e
4 changed files with 46 additions and 15 deletions

View File

@@ -9,7 +9,6 @@ type TeamSelectionPageProps = {
groupSource: 'idle' | 'db' | 'manual'
loadMessage: string
loadStatus: LoadStatus
selectedGroupId: number | null
targetDate: string
onAreaAInputChange: (value: string) => void
onAreaBInputChange: (value: string) => void
@@ -26,7 +25,6 @@ export function TeamSelectionPage({
groupSource,
loadMessage,
loadStatus,
selectedGroupId,
targetDate,
onAreaAInputChange,
onAreaBInputChange,
@@ -106,17 +104,13 @@ export function TeamSelectionPage({
<p className="panel-kicker">Step 2</p>
<h2></h2>
</div>
{selectedGroupId ? <span className="winner-badge"> {selectedGroupId} </span> : null}
</div>
<div className="group-board">
{hasGroups ? (
groups.map((group) => (
<article
key={group.id}
className={`group-card ${selectedGroupId === group.id ? 'group-card-active' : ''}`}
>
<div className="group-head">
<article key={group.id} className="group-card">
<div className="group-head group-head-compact">
<div>
<p className="panel-kicker"> {group.id} </p>
<h3></h3>