Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-23 15:19:41 +02:00
Code Issues Releases Activity

Fix double click on sidebar on smaller screens (#906)

Browse source 
The problem was that on smaller screens or when resizing, v-navigation-drawer would change its value on its own, but these changes were not propagated to AppSidebar.
I also added a few missing type definitions for SidebarLinks.
This commit is contained in:
Philipp Fischbeck 2022-01-07 22:09:34 +01:00 • committed by GitHub
parent 76d2eecd86
commit 2c17845169
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/layouts/admin.vue
View file

@ -7,7 +7,6 @@
:bottom-links="bottomLinks"
:user="{ data: true }"
:secondary-header="$t('user.admin')"
@input="sidebar = !sidebar"
/>
<TheSnackbar />
@ -31,6 +30,7 @@ import { defineComponent, ref, useContext, onMounted } from "@nuxtjs/composition
import AppHeader from "@/components/Layout/AppHeader.vue";
import AppSidebar from "@/components/Layout/AppSidebar.vue";
import TheSnackbar from "~/components/Layout/TheSnackbar.vue";
import { SidebarLinks } from "~/types/application-types";
export default defineComponent({
components: { AppHeader, AppSidebar, TheSnackbar },
@ -45,7 +45,7 @@ export default defineComponent({
sidebar.value = !$vuetify.breakpoint.md;
});
const topLinks = [
const topLinks: SidebarLinks = [
{
icon: $globals.icons.viewDashboard,
to: "/admin/dashboard",
@ -105,7 +105,7 @@ export default defineComponent({
},
];
const bottomLinks = [
const bottomLinks: SidebarLinks = [
{
icon: $globals.icons.heart,
title: i18n.t("about.support"),