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

checkbox rendering

Browse Source
This commit is contained in:
Maxime Cannoodt 2022-07-11 00:56:46 +02:00
parent 77b055deeb
commit ebc68949ad
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,17 +4,14 @@
</script> </script>
{#if task || checked} {#if task || checked}
<li class="list-none translate-x-[-1.625em]"> <li class="list-none translate-x-[-1.625em] leading-relaxed">
<div class="inline-flex items-center gap-2"> <div class="inline-flex align-start justify-start items-start items-center gap-2 ">
<input <input
type="checkbox" type="checkbox"
bind:checked bind:checked
value="" 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 /> <slot />
</div> </div>
</li> </li>