diff options
| author | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-18 19:50:45 -0300 |
|---|---|---|
| committer | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-18 19:50:45 -0300 |
| commit | 5c80d3b511d7f83486d0f195400f382e5b721ec3 (patch) | |
| tree | b10ab016528cda70e44d63a0bb5c7c99c9625d28 /src/components/Toggle.svelte | |
| parent | 12609903a777413171ec71e646d4eb775414e6a3 (diff) | |
| download | coinos-ui-5c80d3b511d7f83486d0f195400f382e5b721ec3.tar.gz coinos-ui-5c80d3b511d7f83486d0f195400f382e5b721ec3.zip | |
updated: dark theme
Diffstat (limited to 'src/components/Toggle.svelte')
| -rw-r--r-- | src/components/Toggle.svelte | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/components/Toggle.svelte b/src/components/Toggle.svelte index 2f92837d..1d34ccd6 100644 --- a/src/components/Toggle.svelte +++ b/src/components/Toggle.svelte @@ -3,7 +3,9 @@ export let value; </script> -<label for={id} class="inline-flex relative items-center mr-5 cursor-pointer"> +<!-- svelte-ignore a11y-click-events-have-key-events --> +<!-- svelte-ignore a11y-no-noninteractive-element-interactions --> +<label for={id} class="inline-flex relative items-center mr-5 cursor-pointer" on:click> <input type="checkbox" bind:checked={value} @@ -12,6 +14,6 @@ class="sr-only peer" /> <div - class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-gray-300 dark:peer-focus:ring-gray-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-green-500" + class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-stone-800 peer-focus:ring-4 peer-focus:ring-gray-300 dark:peer-focus:ring-gray-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-green-500" /> </label> |