fix(frontend): Fix mobile menu active state

getsentry · Aug 26, 2023 · 6872d6b · 6872d6b
1 parent 6634f9c
commit 6872d6b
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/frontend/src/components/MainMenu.vue b/frontend/src/components/MainMenu.vue
@@ -86,21 +86,21 @@
                 <RouterLink
                     to="/"
                     class="block rounded-md px-3 py-2 text-base font-medium text-zinc-900"
-                    :class="{ 'bg-zinc-900 text-zinc-50': $route.path === '/' }"
+                    :class="{ '!bg-zinc-900 !text-zinc-50': $route.path === '/' }"
                 >
                     Home
                 </RouterLink>
                 <RouterLink
                     to="/shop"
                     class="block rounded-md px-3 py-2 text-base font-medium text-zinc-900"
-                    :class="{ 'bg-zinc-900 text-zinc-50': $route.path === '/shop' }"
+                    :class="{ '!bg-zinc-900 !text-zinc-50': $route.path === '/shop' }"
                 >
                     Shop
                 </RouterLink>
                 <RouterLink
                     to="/collection"
                     class="block rounded-md px-3 py-2 text-base font-medium text-zinc-900"
-                    :class="{ 'bg-zinc-900 text-zinc-50': $route.path === '/collection' }"
+                    :class="{ '!bg-zinc-900 text-zinc-50': $route.path === '/collection' }"
                 >
                     Collection
                 </RouterLink>
@@ -117,13 +117,13 @@
                 </div>
                 <div class="mt-3 space-y-1 px-2">
                     <RouterLink to="/profile" class="block rounded-md px-3 py-2 text-base font-medium text-zinc-900"
-                        :class="{ 'bg-zinc-900 text-zinc-50': $route.path === '/profile' }">
+                        :class="{ '!bg-zinc-900 !text-zinc-50': $route.path === '/profile' }">
                         Your Profile
                     </RouterLink>
                     <RouterLink
                         to="/settings"
                         class="block rounded-md px-3 py-2 text-base font-medium text-zinc-900"
-                        :class="{ 'bg-zinc-900 text-zinc-50': $route.path === '/settings' }"
+                        :class="{ '!bg-zinc-900 !text-zinc-50': $route.path === '/settings' }"
                     >
                         Settings
                     </RouterLink>