Fix darkmode smallscreeen hovereffect in navbar (#5)

Co-authored-by: thelooter <[email protected]>
MockBukkit · Dec 22, 2024 · 616a329 · 616a329
1 parent ce0918b
commit 616a329
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/NavBar.vue b/components/NavBar.vue
@@ -107,7 +107,7 @@
                             <li class="mb-8">
                                 <NuxtLink
                                     active-class="text-green-500"
-                                    class="ml-4 block rounded text-sm font-semibold hover:bg-gray-100 dark:text-white"
+                                    class="ml-4 block rounded text-sm font-semibold hover:bg-blue-50 dark:text-white hover:dark:bg-neutral-800"
                                     to="/"
                                 >
                                     Home
@@ -116,15 +116,15 @@
                             <li class="mb-8">
                                 <NuxtLink
                                     active-class="text-green-500"
-                                    class="ml-4 block rounded text-sm font-semibold hover:bg-blue-50 dark:text-white"
+                                    class="ml-4 block rounded text-sm font-semibold hover:bg-blue-50 dark:text-white hover:dark:bg-neutral-800"
                                     to="/team"
                                 >
                                     Team
                                 </NuxtLink>
                             </li>
                             <li class="mb-8">
                                 <a
-                                    class="ml-4 block rounded text-sm font-semibold hover:bg-gray-100 dark:text-white"
+                                    class="ml-4 block rounded text-sm font-semibold hover:bg-blue-50 dark:text-white hover:dark:bg-neutral-800"
                                     href="https://mockbukkit.readthedocs.io/en/v1.21"
                                     target="_blank"
                                     title="Docs"
@@ -135,7 +135,7 @@
                             </li>
                             <li class="mb-8">
                                 <a
-                                    class="ml-4 block rounded text-sm font-semibold hover:bg-blue-50 dark:text-white"
+                                    class="ml-4 block rounded text-sm font-semibold hover:bg-blue-50 dark:text-white hover:dark:bg-neutral-800"
                                     href="https://github.com/MockBukkit/MockBukkit/blob/v1.21/CONTRIBUTING.md"
                                     target="_blank"
                                     title="Contribute"