調整分組卡片版面並更新 README
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user