From 6d67bc01a371f14cc64aea5db0be2480ce982886 Mon Sep 17 00:00:00 2001
From: JianMiau <bir840124@gmail.com>
Date: Thu, 6 Jun 2024 16:19:14 +0800
Subject: [PATCH] =?UTF-8?q?[mod]=20css=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.css | 13 +++++++++++++
 src/App.tsx |  8 +++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index 357ecd2..2cedfee 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,7 @@
+body {
+	overflow: hidden;
+  }
+
 table {
 	border: 1px solid black;
   }
@@ -5,4 +9,13 @@ table {
   table th,
 table td {
   border: 1px solid black; /* 設置列邊框寬度和顏色 */
+}
+
+.td_team {
+	width: 18rem;
+    display: flex;
+}
+
+.team {
+	width: 4rem;
 }
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index ac55bc2..e56cfd6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -109,7 +109,13 @@ export default function App() {
 							return <tr key={idx}>
 								<td>{dayjs(value.time * 1000).format("YYYY-MM-DD HH:mm:ss")}</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>
 									<A href="#" onClick={() => onClickPlay(value)}>詳細</A></td>
 							</tr>