fix(header): make only header title clickable. closes #553

openfoodfacts · Apr 28, 2024 · 7bc8c39 · 7bc8c39
1 parent c2277e1
commit 7bc8c39
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -1,9 +1,11 @@
 <template>
   <v-app-bar :elevation="1" style="background-color: rgb(242, 233, 228);">
     <v-app-bar-nav-icon @click.stop="showDrawerMenu = !showDrawerMenu"></v-app-bar-nav-icon>
-    <v-app-bar-title style="cursor:pointer" @click="$router.push('/')">
-      <img src="/favicon.svg" height="28" width="28" style="vertical-align:bottom">
-      {{ APP_NAME }}
+    <v-app-bar-title>
+      <span style="cursor:pointer" @click="$router.push('/')">
+        <img src="/favicon.svg" height="28" width="28" style="vertical-align:bottom">
+        {{ APP_NAME }}
+      </span>
     </v-app-bar-title>
     <template v-if="!username" v-slot:append>
       <v-btn v-if="!$vuetify.display.smAndUp" icon="mdi-login" to="/sign-in" :aria-label="$t('Header.SignIn')"></v-btn>