From 28ad3e2816543c1c47c9a51b485c9ed2f9d70ee1 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Wed, 4 Aug 2021 13:32:21 +0900
Subject: [PATCH] added table css

---
 source/src/App.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/source/src/App.tsx b/source/src/App.tsx
index 8df405c..5cbc30a 100644
--- a/source/src/App.tsx
+++ b/source/src/App.tsx
@@ -139,6 +139,28 @@ kbd {
 		})};
 }
 
+table {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+table td, table th {
+	border: ${(props) =>
+		theming.theme(props.theme.currentTheme, {
+			light: "1px solid #ddd",
+			dark: "1px solid #777777",
+		})};
+	padding: 8px;
+}
+
+table tr:nth-child(even){
+	background-color: ${(props) =>
+		theming.theme(props.theme.currentTheme, {
+			light: "#f2f2f2",
+			dark: "#21272E",
+		})};
+}
+
 .link-color a {
 	text-decoration: none;
 	color: ${theming.color.linkColor};