aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 14:32:42 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 14:32:42 +0530
commit6556828afe63476fc03546ae51e3ba5104162ee8 (patch)
tree15c2b234e0c7fe3ac4b9e767d4854d4cfffe504b /css
parent4a83ed1b86783634097c50a39d7ec73fc989f657 (diff)
changed clients list
Diffstat (limited to 'css')
-rw-r--r--css/manage/_client.scss71
-rw-r--r--css/styles.scss2
2 files changed, 40 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);
}
}
}
diff --git a/css/styles.scss b/css/styles.scss
index b2f09ba..4bdf9a7 100644
--- a/css/styles.scss
+++ b/css/styles.scss
@@ -9,6 +9,8 @@
:root {
--body-bg: #282a36;
--body-fg: #f8f8f8;
+ //--body-bg-alt: #161720;
+ --body-bg-alt: #21232f;
--body-fg-alt: lightgray;
--nav-bg: #383a59;