From 0d7d20829623b14c8ea5284bc24e63f7c31d61b7 Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Wed, 30 Aug 2023 15:15:31 +0530 Subject: renamed client to customer --- css/manage/_customer.scss | 53 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 css/manage/_customer.scss (limited to 'css/manage/_customer.scss') 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); + } + } + } +} -- cgit v1.2.3