Fix wdith & hight of list item due to box model #4

This commit is contained in:
Tobias Ludwig Maier 2024-04-25 00:09:58 +02:00
parent 7aeeba0167
commit 3878e691a4

View file

@ -199,8 +199,9 @@
<!-- Display QR Code Labels -->
<ol class="grid grid-cols-7 gap-x-[2.5mm]">
<template x-for="label in labels">
<li
class="flex h-[10mm] w-[25.4mm] items-center border-[0.5mm] p-[0.5mm] odd:border-blue-500 even:border-red-300"
<li class="flex h-[10mm] w-[25.4mm] items-center">
<div
class="border-[0.5mm] p-[0.5mm] odd:border-blue-500 even:border-red-300"
:class="{'even:border-transparent odd:border-transparent': !borderToggle}"
>
<img
@ -222,6 +223,7 @@
}"
x-text="label.text"
></div>
</div>
</li>
</template>
</ol>