[mod] css調整
This commit is contained in:
parent
8f169badee
commit
6d67bc01a3
13
src/App.css
13
src/App.css
@ -1,3 +1,7 @@
|
|||||||
|
body {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
}
|
}
|
||||||
@ -6,3 +10,12 @@ table {
|
|||||||
table td {
|
table td {
|
||||||
border: 1px solid black; /* 設置列邊框寬度和顏色 */
|
border: 1px solid black; /* 設置列邊框寬度和顏色 */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.td_team {
|
||||||
|
width: 18rem;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team {
|
||||||
|
width: 4rem;
|
||||||
|
}
|
@ -109,7 +109,13 @@ export default function App() {
|
|||||||
return <tr key={idx}>
|
return <tr key={idx}>
|
||||||
<td>{dayjs(value.time * 1000).format("YYYY-MM-DD HH:mm:ss")}</td>
|
<td>{dayjs(value.time * 1000).format("YYYY-MM-DD HH:mm:ss")}</td>
|
||||||
<td>{score[0]}:{score[1]}</td>
|
<td>{score[0]}:{score[1]}</td>
|
||||||
<td>{team[0][0].padEnd(5, " ")}{team[0][1].padEnd(5, " ")} vs {team[1][0].padEnd(5, " ")}{team[1][1]}</td>
|
<td className="td_team">
|
||||||
|
{<span className="team">{team[0][0]}</span>}
|
||||||
|
{<span className="team">{team[0][1]}</span>}
|
||||||
|
{<span className="team">vs</span>}
|
||||||
|
{<span className="team">{team[1][0]}</span>}
|
||||||
|
{<span className="team">{team[1][1]}</span>}
|
||||||
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<A href="#" onClick={() => onClickPlay(value)}>詳細</A></td>
|
<A href="#" onClick={() => onClickPlay(value)}>詳細</A></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
Loading…
Reference in New Issue
Block a user