w33b
338c190ae8
Enhance the navigation with a modern floating glass design, new Browse and Community dropdown links, and improved theme/blur toggles that now handle multiple instances. Update dropdown components with rounded styling and support for wider widths, refine nav-link active states, and add navigation feature tests.
11 lines
601 B
PHP
11 lines
601 B
PHP
<label for="toogleTheme"
|
|
class="relative flex h-9 w-9 cursor-pointer items-center justify-center rounded-full ring-1 ring-gray-200 transition-colors hover:bg-rose-50 dark:ring-neutral-700 dark:hover:bg-rose-950/40">
|
|
<!-- input -->
|
|
<input id="toogleTheme" type="checkbox" class="sr-only" />
|
|
<!-- icon -->
|
|
<div class="theme-icon flex items-center justify-center transition-transform duration-200">
|
|
<i class="fa-regular fa-moon text-gray-600 dark:text-gray-200 hidden dark:inline"></i>
|
|
<i class="fa-regular fa-sun text-yellow-400 dark:hidden"></i>
|
|
</div>
|
|
</label>
|