fix menu links on mobile
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
garionion 2021-05-25 17:59:40 +02:00
parent 78dd5e5ae3
commit 18a7a8be02

View file

@ -10,16 +10,17 @@
> >
<v-list dense> <v-list dense>
<template v-for="item in items"> <template v-for="item in items">
<v-list-tile :key="item.text" ripple> <v-list-tile :key="item.text" v-if="item.relative" :to="item.to" ripple>
<v-list-tile-action v-if="item.relative"> <v-list-tile-action>
<v-icon dark>{{ item.icon }}</v-icon> <v-icon dark>{{ item.icon }}</v-icon>
</v-list-tile-action> </v-list-tile-action>
<v-list-tile-content v-if="item.relative"> <v-list-tile-content>
<v-list-tile-title> <v-list-tile-title>
{{ item.title }} {{ item.title }}
</v-list-tile-title> </v-list-tile-title>
</v-list-tile-content> </v-list-tile-content>
<a :href="item.to" v-if="!item.relative"> </v-list-tile>
<v-list-tile :key="item.text" :href="item.to" v-if="!item.relative" ripple>
<v-list-tile-action> <v-list-tile-action>
<v-icon dark>{{ item.icon }}</v-icon> <v-icon dark>{{ item.icon }}</v-icon>
</v-list-tile-action> </v-list-tile-action>
@ -28,7 +29,6 @@
{{ item.title }} {{ item.title }}
</v-list-tile-title> </v-list-tile-title>
</v-list-tile-content> </v-list-tile-content>
</a>
</v-list-tile> </v-list-tile>
</template> </template>
</v-list> </v-list>
@ -130,13 +130,13 @@ export default {
icon: "videocam", icon: "videocam",
title: "ISWIsion Live", title: "ISWIsion Live",
relative: true, relative: true,
to: "./" to: "/"
}, },
{ {
icon: "event_seat", icon: "event_seat",
title: "Cultural Events", title: "Cultural Events",
relative: true, relative: true,
to: "./cultural-events" to: "/cultural-events"
}, },
{ {
icon: "event", icon: "event",
@ -148,7 +148,7 @@ export default {
icon: "bubble_chart", icon: "bubble_chart",
title: "about", title: "about",
relative: true, relative: true,
to: "./about" to: "/about"
} }
], ],
miniVariant: false, miniVariant: false,