Fix sidebar meta links on mobile

ecamp · Mar 26, 2024 · 10ed1be · 10ed1be
1 parent 30ac1fd
commit 10ed1be
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/frontend/src/components/layout/SidebarListItem.vue b/frontend/src/components/layout/SidebarListItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-list-item link :to="to" @click="$emit('click', $event)">
+  <v-list-item link :to="to" :href="href" v-on="$listeners">
     <slot name="pre">
       <v-list-item-icon v-if="!hideAvatar">
         <v-icon v-if="icon">{{ icon }}</v-icon>
@@ -25,6 +25,7 @@ export default {
     hideAvatar: { type: Boolean, default: false },
     hideChevron: { type: Boolean, default: false },
     to: { type: [String, Object], default: null },
+    href: { type: [String, Object], default: null },
   },
 }
 </script>

diff --git a/frontend/src/views/camp/navigation/mobile/NavSidebar.vue b/frontend/src/views/camp/navigation/mobile/NavSidebar.vue
@@ -86,12 +86,14 @@
           icon="mdi-help-circle-outline"
           :href="helpLink"
           target="_blank"
+          hide-chevron
         />
         <SidebarListItem
           :title="$tc('global.navigation.news')"
           icon="mdi-script-text-outline"
           :href="newsLink"
           target="_blank"
+          hide-chevron
         />
       </v-list>
       <div class="mt-auto">