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 name="viewport" content="width=device-width, initial-scale=1.0" />
<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.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"
@ -179,7 +182,7 @@
</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 -->
<ol class="grid grid-cols-7 gap-x-[2.5mm]">
@ -219,7 +222,7 @@
title="GNU Affero General Public License"
class="text-blue-600 underline hover:text-blue-700"
>AGPL v3.0</a
>.
>.
<a
href="https://github.com/tmaier/asn-qr-code-label-generator"
class="text-blue-600 underline hover:text-blue-700"