aboutsummaryrefslogtreecommitdiff
path: root/src/components/tables/scss
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.xyz>2022-09-27 16:07:39 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.xyz>2022-09-27 16:07:39 +0530
commit24bb92944849ac2ddf2f777d52c23a150eedffe8 (patch)
treec11f73d94f4b5ea69a087855f67e484bdfeae079 /src/components/tables/scss
parentcc5dd44de3d65e3c2cf189f1516d97c3641549aa (diff)
Created fully functioning ClientTable
Diffstat (limited to 'src/components/tables/scss')
-rw-r--r--src/components/tables/scss/_colors.scss3
-rw-r--r--src/components/tables/scss/client-table.scss55
2 files changed, 51 insertions, 7 deletions
diff --git a/src/components/tables/scss/_colors.scss b/src/components/tables/scss/_colors.scss
index 39e6c48..98634bb 100644
--- a/src/components/tables/scss/_colors.scss
+++ b/src/components/tables/scss/_colors.scss
@@ -21,7 +21,8 @@ $secondaryAccentColor: #d0afff;
$linkColor: $primaryAccentColor;
$fgColor: white;
-$fgColorAlt: lightgray;
+$fgColorAlt: black;
+$fgColorDisabled: lightgray;
$inputBackgroundColor: #00000000;
diff --git a/src/components/tables/scss/client-table.scss b/src/components/tables/scss/client-table.scss
index d285c47..68b7e39 100644
--- a/src/components/tables/scss/client-table.scss
+++ b/src/components/tables/scss/client-table.scss
@@ -21,25 +21,49 @@
display: flex;
flex-direction: column;
align-items: center;
+
.client {
- margin: 1rem auto;
+ position: relative;
width: 90%;
- a {
- color: $linkColor;
- text-decoration: none;
+ hr {
+ margin-top: 3.5rem;
}
.client-name {
font-size: 1.4rem;
font-weight: bold;
}
+
.client-gstin {
- color: $fgColorAlt;
+ color: $fgColorDisabled;
font-size: 1.3rem;
margin-left: 0.3rem;
}
+ .buttons {
+ position: absolute;
+ display: flex;
+ justify-content: space-between;
+ width: 8.7rem;
+ input {
+ padding: 0.2rem 0;
+ width: 4rem;
+ background-color: $inputBackgroundColor;
+ border: 1px solid $primaryAccentColor;
+ color: $fgColor;
+ border-radius: 4px;
+ transition: background-color 0.4s, color 0.4s;
+ }
+ input:hover {
+ background-color: $primaryAccentColor;
+ color: $fgColorAlt;
+ }
+ bottom: 2rem;
+ right: 2rem;
+ margin: auto;
+ }
+
.paragraph-wrapper {
display: flex;
justify-content: left;
@@ -47,9 +71,28 @@
margin: 0.2rem auto;
line-height: 1.4;
}
+ p.heading {
+ margin-bottom: 0.7rem;
+ }
+ strong {
+ margin-bottom: 0.4rem;
+ }
div {
margin: auto 1rem;
- max-width: 22rem;
+ min-width: 20rem;
+ max-width: 24rem;
+ }
+
+ .shipping-addresses {
+ display: flex;
+ overflow-x: scroll;
+ max-width: 35rem;
+ margin: 0;
+ padding: 0;
+ div {
+ margin: 0;
+ padding: 0;
+ }
}
}
}