👁️
fix hover issue
+10
-6
+10
-6
src/components/Header.tsx
+10
-6
src/components/Header.tsx
···
117
117
<Link
118
118
to="/"
119
119
onClick={() => setIsOpen(false)}
120
-
className="flex items-center gap-3 p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors mb-2"
120
+
className="flex items-center gap-3 p-3 rounded-lg transition-colors mb-2"
121
+
inactiveProps={{
122
+
className: "hover:bg-gray-100 dark:hover:bg-gray-800",
123
+
}}
121
124
activeProps={{
122
-
className:
123
-
"flex items-center gap-3 p-3 rounded-lg bg-cyan-600 hover:bg-cyan-700 transition-colors mb-2 text-white",
125
+
className: "bg-cyan-600 hover:bg-cyan-700 text-white",
124
126
}}
125
127
>
126
128
<Home size={20} />
···
131
133
to="/cards"
132
134
search={{ q: "", sort: undefined, sort2: undefined }}
133
135
onClick={() => setIsOpen(false)}
134
-
className="flex items-center gap-3 p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors mb-2"
136
+
className="flex items-center gap-3 p-3 rounded-lg transition-colors mb-2"
137
+
inactiveProps={{
138
+
className: "hover:bg-gray-100 dark:hover:bg-gray-800",
139
+
}}
135
140
activeProps={{
136
-
className:
137
-
"flex items-center gap-3 p-3 rounded-lg bg-cyan-600 hover:bg-cyan-700 transition-colors mb-2 text-white",
141
+
className: "bg-cyan-600 hover:bg-cyan-700 text-white",
138
142
}}
139
143
>
140
144
<Library size={20} />