From 2a02159355800aacab728db7fe135ece964535d6 Mon Sep 17 00:00:00 2001
From: Fahd Arafat <fahdarft@gmail.com>
Date: Mon, 16 Dec 2024 01:40:40 +0200
Subject: [PATCH] fix settings not showing on small screens (#1914)

---
 src/components/dialog/content/SettingDialogContent.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/dialog/content/SettingDialogContent.vue b/src/components/dialog/content/SettingDialogContent.vue
index 45cfebe1d..eb43ef5b3 100644
--- 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 */