aboutsummaryrefslogtreecommitdiff
path: root/css/manage
diff options
context:
space:
mode:
Diffstat (limited to 'css/manage')
-rw-r--r--css/manage/_client.scss71
1 files changed, 38 insertions, 33 deletions
diff --git a/css/manage/_client.scss b/css/manage/_client.scss
index 36ff66a..4466a6a 100644
--- a/css/manage/_client.scss
+++ b/css/manage/_client.scss
@@ -4,44 +4,49 @@
width: 100%;
.clients-list-wrapper {
- .clients-list {
- .clients-list-item {
- border-bottom: 1px solid var(--link-fg);
- display: flex;
- flex-direction: column;
- gap: 1rem;
+ $header-height: 3rem;
+ $list-item-height: 2.5rem;
+ $pd: 0.7em;
+ position: relative;
- .header {
- display: flex;
- align-items: center;
- gap: 0.5em;
- font-size: 1.4em;
-
- .client-name {
- font-weight: bold;
- }
+ .clients-list-header, .clients-list-item {
+ display: grid;
+ grid-template-columns: 5rem 2fr 1fr 1fr;
+ padding: 0 $pd;
+ align-items: center;
+ }
- .client-gstin {
- font-size: 0.8em;
- color: var(--body-fg-alt);
- }
- }
+ .clients-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;
+ }
- .details {
- margin: auto;
- width: 98%;
- display: grid;
- grid-template-columns: 1fr 1fr 2fr;
+ .clients-list {
+ border: 1px solid var(--body-bg-alt);
+ min-height: 40rem;
+ max-height: 75vh;
+ overflow: scroll;
+ width: 100%;
+ position: absolute;
+ top: $header-height;
+ left: 0;
- .contact-info, .client-address {
- display: flex;
- flex-direction: column;
+ .clients-list-item {
+ grid-template-rows: $list-item-height;
+ font-size: 1.2em;
+ }
- .title {
- font-weight: bold;
- }
- }
- }
+ .clients-list-item:nth-child(even) {
+ background-color: var(--body-bg-alt);
}
}
}