1
0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-10 13:12:50 +01:00

Creative design

This commit is contained in:
David Bomba 2023-02-25 20:55:52 +11:00
parent f4863aca42
commit 8807e4abd3
3 changed files with 20 additions and 6 deletions

View File

@ -42,6 +42,7 @@
display: grid;
grid-template-columns: 1.8fr 1fr 1fr;
grid-gap: 20px;
margin-bottom: 2rem;
}
.company-logo {
@ -76,6 +77,7 @@
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 2rem;
}
#client-details {
@ -83,6 +85,7 @@
flex-direction: column;
line-height: var(--line-height);
vertical-align: top;
margin-left: 1rem;
}
#client-details > p:nth-child(2) {
@ -186,6 +189,7 @@
gap: 80px;
padding-top: 0.5rem;
padding-bottom: 0.8rem;
padding-left: 0.7rem;
page-break-inside:auto;
overflow: visible !important;
}
@ -209,7 +213,7 @@
#table-totals>.totals-table-right-side>*> :nth-child(2) {
text-align: right;
padding-right: 7px;
padding-right: 17px;
}
#table-totals
@ -234,7 +238,7 @@
}
[data-ref="total_table-footer"] {
padding-left: 0rem
padding-left: 0.8rem
}
#footer {

View File

@ -61,7 +61,13 @@
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 #company-details,
@ -86,7 +92,7 @@
.entity-label-wrapper {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-columns: 3fr 1fr;
margin-top: 1rem;
}
@ -119,7 +125,7 @@
}
[data-ref="table"] {
margin-bottom: 50px;
margin-bottom: 5px;
min-width: 100%;
table-layout: fixed;
overflow-wrap: break-word;
@ -364,7 +370,9 @@
<span>$entity_label</span>&nbsp;
<span>#$entity_number</span>
</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>
<table id="product-table" cellspacing="0" data-ref="table"></table>
<table id="task-table" cellspacing="0" data-ref="table"></table>

View File

@ -86,6 +86,8 @@
margin-left: 2rem;
display: grid;
grid-template-columns: 1fr auto auto;
margin-top: 1rem;
margin-bottom: 1rem;
}
.company-logo {