aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/_table.scss50
-rw-r--r--css/styles.scss2
2 files changed, 51 insertions, 1 deletions
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);
+ }
+ }
+}
diff --git a/css/styles.scss b/css/styles.scss
index 6f2424c..7440d4c 100644
--- a/css/styles.scss
+++ b/css/styles.scss
@@ -4,7 +4,7 @@
@import "navbar";
@import "menu_page";
-@import "manage/customer";
+@import "table";
:root {
--body-bg: #282a36;