mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-07 18:54:30 -04:00
Creative design
This commit is contained in:
parent
f4863aca42
commit
8807e4abd3
@ -42,6 +42,7 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1.8fr 1fr 1fr;
|
grid-template-columns: 1.8fr 1fr 1fr;
|
||||||
grid-gap: 20px;
|
grid-gap: 20px;
|
||||||
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-logo {
|
.company-logo {
|
||||||
@ -76,6 +77,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#client-details {
|
#client-details {
|
||||||
@ -83,6 +85,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
line-height: var(--line-height);
|
line-height: var(--line-height);
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
margin-left: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#client-details > p:nth-child(2) {
|
#client-details > p:nth-child(2) {
|
||||||
@ -186,6 +189,7 @@
|
|||||||
gap: 80px;
|
gap: 80px;
|
||||||
padding-top: 0.5rem;
|
padding-top: 0.5rem;
|
||||||
padding-bottom: 0.8rem;
|
padding-bottom: 0.8rem;
|
||||||
|
padding-left: 0.7rem;
|
||||||
page-break-inside:auto;
|
page-break-inside:auto;
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
}
|
}
|
||||||
@ -209,7 +213,7 @@
|
|||||||
|
|
||||||
#table-totals>.totals-table-right-side>*> :nth-child(2) {
|
#table-totals>.totals-table-right-side>*> :nth-child(2) {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-right: 7px;
|
padding-right: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-totals
|
#table-totals
|
||||||
@ -234,7 +238,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
[data-ref="total_table-footer"] {
|
[data-ref="total_table-footer"] {
|
||||||
padding-left: 0rem
|
padding-left: 0.8rem
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer {
|
#footer {
|
||||||
|
@ -61,7 +61,13 @@
|
|||||||
border:1px solid #000;
|
border:1px solid #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
#entity-details p { margin-top: 5px; }
|
#entity-details {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#entity-details p {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
.header-wrapper #client-details,
|
.header-wrapper #client-details,
|
||||||
.header-wrapper #company-details,
|
.header-wrapper #company-details,
|
||||||
@ -86,7 +92,7 @@
|
|||||||
|
|
||||||
.entity-label-wrapper {
|
.entity-label-wrapper {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 2fr 1fr;
|
grid-template-columns: 3fr 1fr;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -119,7 +125,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
[data-ref="table"] {
|
[data-ref="table"] {
|
||||||
margin-bottom: 50px;
|
margin-bottom: 5px;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
@ -364,7 +370,9 @@
|
|||||||
<span>$entity_label</span>
|
<span>$entity_label</span>
|
||||||
<span>#$entity_number</span>
|
<span>#$entity_number</span>
|
||||||
</h1>
|
</h1>
|
||||||
<table id="entity-details" cellspacing="0" dir="$dir"></table>
|
<div class="entity-details-wrapper">
|
||||||
|
<table id="entity-details" cellspacing="0" dir="$dir"></table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<table id="product-table" cellspacing="0" data-ref="table"></table>
|
<table id="product-table" cellspacing="0" data-ref="table"></table>
|
||||||
<table id="task-table" cellspacing="0" data-ref="table"></table>
|
<table id="task-table" cellspacing="0" data-ref="table"></table>
|
||||||
|
@ -86,6 +86,8 @@
|
|||||||
margin-left: 2rem;
|
margin-left: 2rem;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr auto auto;
|
grid-template-columns: 1fr auto auto;
|
||||||
|
margin-top: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-logo {
|
.company-logo {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user