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; 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 {

View File

@ -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>&nbsp; <span>$entity_label</span>&nbsp;
<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>

View File

@ -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 {