From cae7adcee8bb44b9020684199dd73a4399ad0f1a Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Tue, 9 Nov 2021 18:58:21 +0100
Subject: [PATCH] Add data-table css component

---
 src/assets/scss/_components.scss |  1 +
 src/assets/scss/data-table.scss  | 26 ++++++++++++++++++++++++++
 src/assets/scss/layout.scss      |  2 +-
 3 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/scss/_components.scss
 create mode 100644 src/assets/scss/data-table.scss

diff --git a/src/assets/scss/_components.scss b/src/assets/scss/_components.scss
new file mode 100644
index 0000000..65bcf18
--- /dev/null
+++ b/src/assets/scss/_components.scss
@@ -0,0 +1 @@
+@import "data-table";
diff --git a/src/assets/scss/data-table.scss b/src/assets/scss/data-table.scss
new file mode 100644
index 0000000..df0503f
--- /dev/null
+++ b/src/assets/scss/data-table.scss
@@ -0,0 +1,26 @@
+.data-table {
+	width: 100%;
+	text-align: left;
+	border-collapse: collapse;
+
+	th, td {
+		padding: 8px;
+	}
+
+	th {
+		border-bottom: 1px solid #39434a;
+		white-space: nowrap;
+	}
+
+	tr:nth-child(even) {
+		background-color: rgba(255, 255, 255, 0.03);
+	}
+
+	tr:hover {
+		background-color: rgba(255, 255, 255, 0.09);
+	}
+
+	thead tr:hover {
+		background-color: transparent;
+	}
+}
diff --git a/src/assets/scss/layout.scss b/src/assets/scss/layout.scss
index 0cf1783..ef4b29c 100644
--- a/src/assets/scss/layout.scss
+++ b/src/assets/scss/layout.scss
@@ -2,7 +2,7 @@
 @import "helpers";
 @import "base";
 @import "panel";
-
+@import "components";
 
 html {
 	height: 100%;