Modern design shipping details

This commit is contained in:
David Bomba 2023-02-22 17:01:03 +11:00
parent 513ad715bd
commit aac1f352fb

View File

@ -82,19 +82,28 @@
} }
.logo-client-wrapper { .logo-client-wrapper {
margin: 0 2rem 0rem; margin-left: 2rem;
display: grid; display: grid;
grid-template-columns: 1.5fr 1fr; grid-template-columns: 1fr auto auto;
} }
.company-logo { .company-logo {
/* max-width: 55%;*/
max-width: $company_logo_size; max-width: $company_logo_size;
} }
#client-details { #client-details {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 10px;
margin-right: 10px;
}
#shipping-details {
display: $show_shipping_address;
flex-direction: column;
margin-left: 10px;
margin-right: 10px;
} }
#client-details > * { #client-details > * {
@ -378,6 +387,7 @@
<img class="company-logo" src="$company.logo" alt="$company.name logo"/> <img class="company-logo" src="$company.logo" alt="$company.name logo"/>
<div id="client-details"></div> <div id="client-details"></div>
<div id="vendor-details"></div> <div id="vendor-details"></div>
<div id="shipping-details"></div>
</div> </div>
<div class="table-wrapper"> <div class="table-wrapper">
<table id="product-table" cellspacing="0" data-ref="table"></table> <table id="product-table" cellspacing="0" data-ref="table"></table>
@ -395,7 +405,7 @@
<table id="statement-aging-table" cellspacing="0" data-ref="table"></table> <table id="statement-aging-table" cellspacing="0" data-ref="table"></table>
<div id="statement-aging-table-totals" data-ref="statement-totals"></div> <div id="statement-aging-table-totals" data-ref="statement-totals"></div>
</div> </div>
<div id="table-totals" cellspacing="0"></div> <div id="table-totals" cellspacing="0">$status_logo</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>