Update designs

This commit is contained in:
Benjamin Beganović 2021-07-21 14:45:42 +02:00
parent a187253932
commit b00558da2a
10 changed files with 75 additions and 10 deletions

View File

@ -157,6 +157,13 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {

View File

@ -184,6 +184,7 @@
padding-left: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.8rem;
margin-right: .5rem;
}
#table-totals .totals-table-right-side>* {
@ -193,6 +194,13 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {

View File

@ -57,7 +57,7 @@
.client-and-entity-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: .75fr 1fr;
padding: 1rem;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
@ -111,18 +111,12 @@
padding-left: 1rem;
}
#product-table > thead > tr > th:nth-last-child(1),
#delivery-note-table > thead > tr > th:nth-last-child(1),
#task-table > thead > tr > th:nth-last-child(1) {
text-align: right;
}
#product-table > tbody > tr > td,
#delivery-note-table > tbody > tr > td,
#task-table > tbody > tr > td {
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
padding: 1rem;
padding: 1.5rem;
}
#product-table > tbody > tr > td:first-child,
@ -152,22 +146,30 @@
display: grid;
grid-template-columns: 2fr 1fr;
padding-top: .5rem;
padding-right: 1rem;
gap: 80px;
}
#table-totals .totals-table-right-side>* {
#table-totals .totals-table-right-side > * {
display: grid;
grid-template-columns: 1fr 1fr;
}
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {
text-align: right;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals
> *
[data-element='product-table-balance-due-label'],

View File

@ -148,6 +148,7 @@
display: grid;
grid-template-columns: 2fr 1fr;
padding-top: 1rem;
margin-right: .75rem;
gap: 80px;
}
@ -158,8 +159,15 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {
text-align: right;
}

View File

@ -142,6 +142,7 @@
grid-template-columns: 2fr 1fr;
padding-top: 0.5rem;
padding-left: 1rem;
margin-right: .75rem;
gap: 80px;
}
@ -152,6 +153,13 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {

View File

@ -157,6 +157,7 @@
display: grid;
grid-template-columns: 2fr 1fr;
padding-top: 0.5rem;
margin-right: .75rem;
gap: 80px;
}
@ -167,6 +168,13 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {

View File

@ -190,6 +190,13 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {

View File

@ -122,6 +122,7 @@
grid-template-columns: 2fr 1fr;
padding-top: .5rem;
padding-left: 1rem;
margin-right: .75rem;
gap: 80px;
}
@ -132,6 +133,13 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {

View File

@ -175,6 +175,7 @@
gap: 80px;
padding-left: 3rem;
padding-right: 3rem;
margin-right: .75rem;
}
#table-totals .totals-table-right-side>* {
@ -184,6 +185,13 @@
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
margin-top: .75rem;
}
#table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {

View File

@ -181,6 +181,7 @@
display: grid;
grid-template-columns: 2fr 1fr;
gap: 80px;
margin-right: .5rem;
}
#table-totals .totals-table-right-side > * {
@ -188,7 +189,7 @@
grid-template-columns: 1fr 1fr;
}
#table-totals > .totals-table-right-side > * > :nth-child(1) {
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
padding: 7px;
}