mirror of
https://github.com/tmaier/asn-qr-code-label-generator.git
synced 2026-03-15 09:03:49 +00:00
Fix wdith & hight of list item due to box model #4
This commit is contained in:
parent
7aeeba0167
commit
3878e691a4
1 changed files with 18 additions and 16 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue