[mod] css調整

This commit is contained in:
建喵 2024-06-06 16:19:14 +08:00
parent 8f169badee
commit 6d67bc01a3
2 changed files with 20 additions and 1 deletions

View File

@ -1,3 +1,7 @@
body {
overflow: hidden;
}
table { table {
border: 1px solid black; border: 1px solid black;
} }
@ -5,4 +9,13 @@ table {
table th, table th,
table td { table td {
border: 1px solid black; /* 設置列邊框寬度和顏色 */ border: 1px solid black; /* 設置列邊框寬度和顏色 */
}
.td_team {
width: 18rem;
display: flex;
}
.team {
width: 4rem;
} }

View File

@ -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>