16 lines
743 B
PHP
16 lines
743 B
PHP
<label for="toogleTheme" class="flex items-center cursor-pointer">
|
|
<!-- toggle -->
|
|
<div class="relative">
|
|
<!-- input -->
|
|
<input id="toogleTheme" type="checkbox" class="sr-only" />
|
|
<!-- line -->
|
|
<div class="w-10 h-4 bg-rose-600 dark:bg-gray-400 rounded-full shadow-inner"></div>
|
|
<!-- dot -->
|
|
<div class="dot absolute w-6 h-6 bg-white dark:bg-neutral-950 rounded-full shadow -left-1 -top-1 transition">
|
|
<div class="items-center ml-[5px] w-6 h-6 font-medium flex">
|
|
<i class="fa-regular fa-moon text-white hidden dark:inline"></i>
|
|
<i class="fa-regular fa-sun text-yellow-400 dark:hidden"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</label> |