Center labels in preview using container and mx-auto

This commit is contained in:
Tobias Ludwig Maier 2023-12-28 22:23:25 +01:00
parent 18221828a9
commit 15612319bb

View file

@ -4,7 +4,10 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>QR Code Label Generator for ASN in Paperless-ngx</title> <title>QR Code Label Generator for ASN in Paperless-ngx</title>
<link rel="canonical" href="https://tobiasmaier.info/asn-qr-code-label-generator/" /> <link
rel="canonical"
href="https://tobiasmaier.info/asn-qr-code-label-generator/"
/>
<script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script> <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
<script <script
src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"
@ -179,7 +182,7 @@
</div> </div>
<div <div
class="w-[210mm] border px-[9mm] py-[13.5mm] print:w-full print:border-0" class="container mx-auto w-[210mm] border px-[9mm] py-[13.5mm] print:w-full print:max-w-full print:border-0"
> >
<!-- Display QR Code Labels --> <!-- Display QR Code Labels -->
<ol class="grid grid-cols-7 gap-x-[2.5mm]"> <ol class="grid grid-cols-7 gap-x-[2.5mm]">