diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/_table.scss | 50 | ||||
| -rw-r--r-- | css/styles.scss | 2 |
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; |