From 7a7847555ec3384b3462da6b90138cce3ca7cceb Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Wed, 30 Aug 2023 16:38:53 +0530
Subject: made crappy table component

---
 css/_table.scss | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 css/_table.scss

(limited to 'css/_table.scss')

diff --git a/css/_table.scss b/css/_table.scss
new file mode 100644
index 0000000..4321a8b
--- /dev/null
+++ b/css/_table.scss
@@ -0,0 +1,50 @@
+.table {
+    $header-height: 3rem;
+    $list-item-height: 2.5rem;
+    $pd: 0.7em;
+    position: relative;
+
+    .table-header {
+        $br: $pd;
+        background-color: var(--body-bg-alt);
+        width: 100%;
+        height: $header-height;
+        position: absolute;
+        top: 0;
+        left: 0;
+        border-bottom: 1px solid var(--link-fg);
+        font-weight: bold;
+        font-size: 1.2em;
+        border-radius: $br $br 0 0;
+    }
+
+    .table-row {
+        display: grid;
+        padding: 0 $pd;
+        align-items: center;
+        height: 100%;
+        width: 100%;
+    }
+
+    .table-items {
+        min-height: 40rem;
+        max-height: 75vh;
+        width: 100%;
+
+        border: 1px solid var(--body-bg-alt);
+        overflow-y: scroll;
+
+        position: absolute;
+        top: $header-height;
+        left: 0;
+
+        .table-row {
+            height: $list-item-height;
+            font-size: 1.2em;
+        }
+
+        .table-row:nth-child(even) {
+            background-color: var(--body-bg-alt);
+        }
+    }
+}
-- 
cgit v1.2.3