Calm design shipping address

This commit is contained in:
David Bomba 2023-02-22 16:03:35 +11:00
parent ac9532d1a1
commit 434ef21043

View File

@ -45,9 +45,13 @@
.header-wrapper2 { .header-wrapper2 {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 2rem; margin-top: 2rem;
min-width: 100%; gap: 20px;
grid-template-columns: 2fr 2fr auto;
grid-template-areas: "a b c";
grid-auto-columns: minmax(0, 5fr);
grid-auto-flow: column;
justify-content: left;
} }
.company-logo { .company-logo {
@ -71,15 +75,13 @@
.header-wrapper #entity-details { .header-wrapper #entity-details {
margin-top: 0.5rem; margin-top: 0.5rem;
text-align: left; text-align: left;
width: 100%; /* width: 100%; */
} }
.header-wrapper #entity-details > tr, .header-wrapper #entity-details > tr,
.header-wrapper #entity-details th { .header-wrapper #entity-details th {
font-weight: normal; font-weight: normal;
padding-left: 0.9rem; white-space: nowrap;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
} }
.header-wrapper .header-wrapper
@ -98,7 +100,7 @@
} }
#shipping-details { #shipping-details {
display: $show_shipping_address; visibility: $show_shipping_address_visibility;
flex-direction: column; flex-direction: column;
line-height: var(--line-height); line-height: var(--line-height);
} }
@ -180,7 +182,7 @@
#entity-details { #entity-details {
text-align: left; text-align: left;
width: 100%; /* width: 100%; */
} }
#entity-details th { #entity-details th {
@ -276,6 +278,10 @@
[data-ref="total_table-public_notes"] { font-weight: normal; } [data-ref="total_table-public_notes"] { font-weight: normal; }
[data-ref="total_table-terms"] { font-weight: normal; } [data-ref="total_table-terms"] { font-weight: normal; }
/* [data-ref="shipping_address-label"] {
display: none;
} */
.stamp { .stamp {
transform: rotate(12deg); transform: rotate(12deg);
color: #555; color: #555;
@ -375,10 +381,9 @@
<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 id="shipping-details"></div>
<div> <div>
<p class="entity-label" style="font-size:32px; font-weight: bold; color:$primary_color;">$entity_label</p> <p class="entity-label" style="font-size:32px; font-weight: bold; color:$primary_color; padding-left: 5px;">$entity_label</p>
<table id="entity-details" cellspacing="0" dir="ltr"></table> <table id="entity-details" cellspacing="5" dir="ltr"></table>
</div> </div>
</div> </div>