diff --git a/src/App.vue b/src/App.vue index 4eac862ab..712799dea 100644 --- a/src/App.vue +++ b/src/App.vue @@ -197,7 +197,7 @@ <GlassButton v-for="menuitem in currentSubMenu" :key="menuitem.title" - :label="interfaceStore.isOnSmallScreen ? undefined : menuitem.title" + :label="simplifiedMainMenu ? undefined : menuitem.title" :label-class="menuLabelSize" :button-class="interfaceStore.isOnSmallScreen ? '-ml-[2px]' : ''" :icon="menuitem.icon" @@ -509,8 +509,10 @@ watch(isConfigModalVisible, (newVal) => { } }) +const maxScreenHeightThatFitsLargeMenu = 900 + watch( - () => windowHeight.value < 450, + () => windowHeight.value < maxScreenHeightThatFitsLargeMenu, (isSmall: boolean) => { simplifiedMainMenu.value = isSmall } @@ -522,7 +524,7 @@ const updateWindowHeight = (): void => { onMounted(() => { window.addEventListener('resize', updateWindowHeight) - if (windowHeight.value < 450) { + if (windowHeight.value < maxScreenHeightThatFitsLargeMenu) { simplifiedMainMenu.value = true } })