Fixing CSS error on hovering over locale menu

4 years ago · f85ad9e6ee
1 changed files with 6 additions and 8 deletions
--- a/frontend/components/organisms/layout/TheHeader.vue
+++ b/frontend/components/organisms/layout/TheHeader.vue
@ -46,14 +46,12 @@
        v-for="locale in $i18n.locales"
        :key="locale.code"
      >
-        <v-list-item>
-          <nuxt-link
-            style="text-decoration: none; color: inherit;"
-            :to="switchLocalePath(locale.code)"
-          >
-            {{ locale.name }}
-          </nuxt-link>
-        </v-list-item>
+        <nuxt-link
+          class="v-list-item v-list-item--link theme--dark"
+          :to="switchLocalePath(locale.code)"
+        >
+          {{ locale.name }}
+        </nuxt-link>
      </v-list>
    </v-menu>
    <v-btn