Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-28 08:44:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: Don't open the sidebar drawer by default on medium screens (#6107)

Browse Source
This commit is contained in:
Nico Hirsch
2025-09-08 16:58:39 +02:00
committed by GitHub
parent aa9e61a16f
commit c46c412bf5
3 changed files with 2 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/components/Layout/DefaultLayout.vue
View File

@@ -173,7 +173,7 @@ export default defineNuxtComponent({
const sidebar = ref<boolean>(false); const sidebar = ref<boolean>(false);
onMounted(() => { onMounted(() => {
sidebar.value = display.mdAndUp.value; sidebar.value = display.lgAndUp.value;
}); });
function cookbookAsLink(cookbook: ReadCookBook): SideBarLink { function cookbookAsLink(cookbook: ReadCookBook): SideBarLink {

15
frontend/components/Layout/LayoutParts/AppSidebar.vue
View File

@@ -105,7 +105,6 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { useWindowSize } from "@vueuse/core";
import { useLoggedInState } from "~/composables/use-logged-in-state"; import { useLoggedInState } from "~/composables/use-logged-in-state";
import type { SidebarLinks } from "~/types/application-types"; import type { SidebarLinks } from "~/types/application-types";
import UserAvatar from "~/components/Domain/User/UserAvatar.vue"; import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
@@ -160,20 +159,6 @@ export default defineNuxtComponent({
get: () => props.modelValue, get: () => props.modelValue,
set: value => context.emit("update:modelValue", value), set: value => context.emit("update:modelValue", value),
}); });
watch(showDrawer, () => {
if (window.innerWidth < 760 && state.hasOpenedBefore === false) {
state.hasOpenedBefore = true;
}
});
const { width: wWidth } = useWindowSize();
watch(wWidth, (w) => {
if (w > 760) {
showDrawer.value = true;
}
else {
showDrawer.value = false;
}
});
const allLinks = computed(() => [...props.topLink, ...(props.secondaryLinks || [])]); const allLinks = computed(() => [...props.topLink, ...(props.secondaryLinks || [])]);
function initDropdowns() { function initDropdowns() {

2
frontend/layouts/admin.vue
View File

@@ -43,7 +43,7 @@ const { $globals } = useNuxtApp();
const sidebar = ref<boolean>(false); const sidebar = ref<boolean>(false);
onMounted(() => { onMounted(() => {
sidebar.value = !display.md.value; sidebar.value = display.lgAndUp.value;
}); });
const topLinks: SidebarLinks = [ const topLinks: SidebarLinks = [