upagge/noteshare.space
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

checklist rendering

Browse Source
This commit is contained in:
Maxime Cannoodt 2022-07-11 01:03:14 +02:00
parent ebc68949ad
commit 1e21a1045c
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/src/lib/marked/renderers/ListItem.svelte
View File

@ -5,13 +5,15 @@
{#if task || checked} {#if task || checked}
<li class="list-none translate-x-[-1.625em] leading-relaxed"> <li class="list-none translate-x-[-1.625em] leading-relaxed">
<div class="inline-flex align-start justify-start items-start items-center gap-2 "> <div class="inline-flex align-start justify-start items-start items-center">
<input <div class="inline-block self-start mt-0.5 mr-2.5">
type="checkbox" <input
bind:checked type="checkbox"
value="" bind:checked
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" 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"
/>
</div>
<slot /> <slot />
</div> </div>
</li> </li>