fix settings not showing on small screens (#1914)

Comfy-Org · Dec 15, 2024 · 2a02159 · 2a02159
1 parent 9258098
commit 2a02159
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/dialog/content/SettingDialogContent.vue b/src/components/dialog/content/SettingDialogContent.vue
@@ -16,7 +16,8 @@
         class="border-none w-full"
       />
     </ScrollPanel>
-    <Divider layout="vertical" class="mx-1 2xl:mx-4" />
+    <Divider layout="vertical" class="mx-1 2xl:mx-4 hidden md:flex" />
+    <Divider layout="horizontal" class="flex md:hidden" />
     <Tabs :value="tabValue" :lazy="true" class="settings-content h-full w-full">
       <TabPanels class="settings-tab-panels h-full w-full pr-0">
         <PanelTemplate value="Search Results">
@@ -249,6 +250,10 @@ const tabValue = computed(() =>
   .settings-sidebar {
     width: 100%;
   }
+
+  .settings-content {
+    height: 350px;
+  }
 }
 
 /* Show a separator line above the Keybinding tab */