1 files changed, 53 insertions, 0 deletions
diff --git a/css/manage/_customer.scss b/css/manage/_customer.scss
new file mode 100644
index 0000000..f67bcbb
--- /dev/null
+++ b/css/manage/_customer.scss
@@ -0,0 +1,53 @@
+#manage-customer-page {
+    //$h: calc(var(--nav-height) + calc(var(--main-padding) * 2));
+    //height: calc(100vh - $h);
+    width: 100%;
+
+    .customers-list-wrapper {
+        $header-height: 3rem;
+        $list-item-height: 2.5rem;
+        $pd: 0.7em;
+        position: relative;
+
+        .customers-list-header, .customers-list-item {
+            display: grid;
+            grid-template-columns: 5rem 2fr 1fr 1fr;
+            padding: 0 $pd;
+            align-items: center;
+        }
+
+        .customers-list-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;
+        }
+
+        .customers-list {
+            border: 1px solid var(--body-bg-alt);
+            min-height: 40rem;
+            max-height: 75vh;
+            overflow-y: scroll;
+            width: 100%;
+            position: absolute;
+            top: $header-height;
+            left: 0;
+
+            .customers-list-item {
+                grid-template-rows: $list-item-height;
+                font-size: 1.2em;
+            }
+
+            .customers-list-item:nth-child(even) {
+                background-color: var(--body-bg-alt);
+            }
+        }
+    }
+}