style: scrollable tables

2023-11-11 11:39:56 -08:00
parent 14f8287257
commit 5da1be1b18
2 changed files with 34 additions and 10 deletions
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -390,23 +390,33 @@ p {
  line-height: 1.6rem;
 }

-table {
-  margin: 1rem;
-  padding: 1.5rem;
-  border-collapse: collapse;
-  & > * {
-    line-height: 2rem;
+.table-container {
+  overflow-x: auto;
+
+  & > table {
+    margin: 1rem;
+    padding: 1.5rem;
+    border-collapse: collapse;
+
+    th,
+    td {
+      min-width: 75px;
+    }
+
+    & > * {
+      line-height: 2rem;
+    }
  }
 }

 th {
  text-align: left;
-  padding: 0.4rem 1rem;
+  padding: 0.4rem 0.7rem;
  border-bottom: 2px solid var(--gray);
 }

 td {
-  padding: 0.2rem 1rem;
+  padding: 0.2rem 0.7rem;
 }

 tr {