Merge pull request #59 from daustinn/main

Changing the translate-x position when the switch is active

web/src/pages/index.astro

@@ -82,7 +82,7 @@ export default {
       <label class='relative inline-flex cursor-pointer items-center'>
         <input type='checkbox' value='' class='peer sr-only' id='animate' />
         <div
-          class="rtl:peer-checked:after:-translate-x- peer h-8 w-16 rounded-full bg-gray-200 after:absolute after:start-[2px] after:top-[2px] after:size-7 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-zinc-600 peer-checked:after:translate-x-[40px] peer-checked:after:border-white peer-focus:outline-none dark:bg-zinc-300"
+          class="rtl:peer-checked:after:-translate-x peer h-8 w-16 rounded-full bg-gray-200 after:absolute after:start-[2px] after:top-[2px] after:size-7 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-zinc-600 peer-checked:after:translate-x-[32px] peer-checked:after:border-white peer-focus:outline-none dark:bg-zinc-300"
         >
         </div>
         <span class='ms-3 text-xl font-medium text-gray-900 dark:text-gray-100'>Animate all</span>