order and api and more
This commit is contained in:
@ -24,35 +24,36 @@ body {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding: 2mm;
|
||||
padding: 1mm;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
/* Main address centered */
|
||||
.address {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 85mm;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 88mm;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.recipient-name {
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
font-size: 12pt;
|
||||
margin-bottom: 1mm;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.address-line {
|
||||
font-size: 9pt;
|
||||
line-height: 1.2;
|
||||
font-size: 11pt;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 0.5mm;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.city-line {
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
font-size: 11pt;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
@ -61,8 +62,7 @@ body {
|
||||
<div class="label-container">
|
||||
<div class="address">
|
||||
<div class="recipient-name">{{ recipient_name }}</div>
|
||||
<div class="address-line">{{ address_line1 }}</div>
|
||||
{% if address_line2 %}<div class="address-line">{{ address_line2 }}</div>{% endif %}
|
||||
<div class="address-line">{{ address_line1 }}{% if address_line2 %} {{ address_line2 }}{% endif %}</div>
|
||||
<div class="city-line">{{ city }}, {{ state }} {{ zip_code }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user