checkbox rendering

This commit is contained in:
Maxime Cannoodt 2022-07-11 00:56:46 +02:00
parent 77b055deeb
commit ebc68949ad

View File

@ -4,17 +4,14 @@
</script>
{#if task || checked}
<li class="list-none translate-x-[-1.625em]">
<div class="inline-flex items-center gap-2">
<li class="list-none translate-x-[-1.625em] leading-relaxed">
<div class="inline-flex align-start justify-start items-start items-center gap-2 ">
<input
type="checkbox"
bind:checked
value=""
class="pointer-events-none w-4 h-4 accent-[#7b6cd9] text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
class="inline-block self-start mt-2 pointer-events-none w-4 h-4 accent-[#7b6cd9] text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
/>
<!-- <label for="default-checkbox" class="ml-2 text-sm text-gray-900 dark:text-gray-300"
><slot /></label
> -->
<slot />
</div>
</li>