github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-23 06:45:22 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 12

fix force open on mobile

Browse source
This commit is contained in:
hay-kot 2021-06-07 22:14:10 -08:00
commit 79e0a7681b
1 changed files with 7 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/components/UI/TheSidebar.vue
View file

@ -6,9 +6,7 @@
<v-list-item dense v-if="isLoggedIn" :to="`/user/${user.id}/favorites`"> <v-list-item dense v-if="isLoggedIn" :to="`/user/${user.id}/favorites`">
<v-list-item-icon> <v-list-item-icon>
<v-icon> <v-icon> mdi-heart </v-icon>
mdi-heart
</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-content> <v-list-item-content>
<v-list-item-title> Favorites </v-list-item-title> <v-list-item-title> Favorites </v-list-item-title>
@ -30,17 +28,13 @@
<v-list nav dense class="fixedBottom" v-if="!isMain"> <v-list nav dense class="fixedBottom" v-if="!isMain">
<v-list-item href="https://github.com/sponsors/hay-kot" target="_target"> <v-list-item href="https://github.com/sponsors/hay-kot" target="_target">
<v-list-item-icon> <v-list-item-icon>
<v-icon color="pink"> <v-icon color="pink"> mdi-heart </v-icon>
mdi-heart
</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-title> {{ $t("about.support") }} </v-list-item-title> <v-list-item-title> {{ $t("about.support") }} </v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item to="/admin/about"> <v-list-item to="/admin/about">
<v-list-item-icon class="mr-3 pt-1"> <v-list-item-icon class="mr-3 pt-1">
<v-icon :color="newVersionAvailable ? 'red--text' : ''"> <v-icon :color="newVersionAvailable ? 'red--text' : ''"> mdi-information </v-icon>
mdi-information
</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-content> <v-list-item-content>
<v-list-item-title> <v-list-item-title>
@ -86,7 +80,8 @@ export default {
}, },
mounted() { mounted() {
this.getVersion(); this.getVersion();
this.resetView();
this.showSidebar = !this.isMobile;
}, },
watch: { watch: {
user() { user() {
@ -98,7 +93,6 @@ export default {
isMain() { isMain() {
const testVal = this.$route.path.split("/"); const testVal = this.$route.path.split("/");
if (testVal[1] === "recipe") this.closeSidebar(); if (testVal[1] === "recipe") this.closeSidebar();
else this.resetView();
return !(testVal[1] === "admin"); return !(testVal[1] === "admin");
}, },
@ -135,7 +129,7 @@ export default {
const pages = this.$store.getters.getCustomPages; const pages = this.$store.getters.getCustomPages;
if (pages.length > 0) { if (pages.length > 0) {
pages.sort((a, b) => a.position - b.position); pages.sort((a, b) => a.position - b.position);
return pages.map(x => ({ return pages.map((x) => ({
title: x.name, title: x.name,
to: `/pages/${x.slug}`, to: `/pages/${x.slug}`,
icon: this.$globals.icons.pages, icon: this.$globals.icons.pages,
@ -217,9 +211,7 @@ export default {
resetImage() { resetImage() {
this.hideImage == false; this.hideImage == false;
}, },
resetView() {
this.showSidebar = !this.isMobile;
},
toggleSidebar() { toggleSidebar() {
this.showSidebar = !this.showSidebar; this.showSidebar = !this.showSidebar;
}, },