File tree Expand file tree Collapse file tree 2 files changed +3
-3
lines changed
resources/views/components Expand file tree Collapse file tree 2 files changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -10,10 +10,10 @@ class="sticky top-0 z-50 flex flex-col items-center justify-center px-3 pt-px"
10
10
>
11
11
<div
12
12
: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,
14
14
'ring-transparent dark:bg-transparent': ! scrolled && ! showMobileMenu,
15
15
}"
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"
17
17
>
18
18
{{-- Left side --}}
19
19
<div class =" flex items-center gap-3" >
Original file line number Diff line number Diff line change 93
93
aria-label =" Toggle between light and dark mode"
94
94
x-bind:aria-pressed =" darkMode ? 'true' : 'false'"
95
95
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 "
97
97
>
98
98
<span class =" sr-only" >Toggle theme</span >
99
99
You can’t perform that action at this time.
0 commit comments