mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-09 03:14:30 -04:00
Update designs
This commit is contained in:
parent
a187253932
commit
b00558da2a
@ -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) {
|
||||
|
@ -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) {
|
||||
|
@ -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'],
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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) {
|
||||
|
@ -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) {
|
||||
|
@ -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) {
|
||||
|
@ -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) {
|
||||
|
@ -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) {
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user