From 95956e78a8a347d1bdf3b7743bca5df0e23a90ed Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Wed, 29 Jan 2025 14:41:51 -0300
Subject: [PATCH] main-menu: Use simplified version when the window height is
 below 900

Otherwise it gets in top of the bars or out of the screen.
---
 src/App.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

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
   }
 })