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}
<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="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"
/>
<div class="inline-flex align-start justify-start items-start items-center">
<div class="inline-block self-start mt-0.5 mr-2.5">
<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"
/>
</div>
<slot />
</div>
</li>