Improve component rendering styles

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
2025-09-08 17:30:45 +01:00
parent d9dcea0e41
commit 53705dcd34
14 changed files with 585 additions and 8 deletions
--- a/assets/sass/table.scss
+++ b/assets/sass/table.scss
@@ -0,0 +1,30 @@
+.table-wrapper {
+  overflow-x: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+
+  thead th {
+    border-bottom: 0.1rem solid
+      color-mix(in srgb, var(--text) 20%, var(--background));
+  }
+
+  tr + tr td {
+    border-top: 0.1rem solid
+      color-mix(in srgb, var(--text) 10%, var(--background));
+  }
+
+  th,
+  td {
+    padding: 0.5rem;
+    border-right: 0.1rem solid
+      color-mix(in srgb, var(--text) 10%, var(--background));
+  }
+
+  th:last-child,
+  td:last-child {
+    border-right: none;
+  }
+}