Skip to content

Commit 29de3d4

Browse files
✨ Improve navigation bar styling and enhance theme toggle button interaction
1 parent f47acd2 commit 29de3d4

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

resources/views/components/navigation-bar.blade.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@ class="sticky top-0 z-50 flex flex-col items-center justify-center px-3 pt-px"
1010
>
1111
<div
1212
:class="{
13-
'ring-gray-200/80 dark:ring-gray-700/70 bg-white/50 dark:bg-black/50 translate-y-3': scrolled || showMobileMenu,
13+
'ring-gray-200/80 backdrop-blur-2xl dark:ring-gray-700/70 bg-white/50 dark:bg-black/50 translate-y-3': scrolled || showMobileMenu,
1414
'ring-transparent dark:bg-transparent': ! scrolled && ! showMobileMenu,
1515
}"
16-
class="mx-auto flex w-full max-w-5xl items-center justify-between gap-5 rounded-2xl px-5 py-4 ring-1 backdrop-blur-2xl transition duration-200 ease-out xl:max-w-7xl 2xl:max-w-360"
16+
class="mx-auto flex w-full max-w-5xl items-center justify-between gap-5 rounded-2xl px-5 py-4 ring-1 transition duration-200 ease-out xl:max-w-7xl 2xl:max-w-360"
1717
>
1818
{{-- Left side --}}
1919
<div class="flex items-center gap-3">

resources/views/components/theme-toggle.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@
9393
aria-label="Toggle between light and dark mode"
9494
x-bind:aria-pressed="darkMode ? 'true' : 'false'"
9595
tabindex="0"
96-
class="theme-selector relative -mx-1.5 size-9 cursor-pointer select-none hover:text-slate-600 dark:opacity-70 dark:hover:text-[#bcc1ef]"
96+
class="theme-selector relative -mx-1.5 size-9 cursor-pointer transition duration-300 select-none hover:opacity-75 dark:opacity-70 dark:hover:opacity-100"
9797
>
9898
<span class="sr-only">Toggle theme</span>
9999

0 commit comments

Comments
 (0)