From 3d041dd742cd661bbd1c548e7929214349fa86cf Mon Sep 17 00:00:00 2001
From: bymyself <abolkonsky.rem@gmail.com>
Date: Fri, 23 Aug 2024 06:43:45 -0700
Subject: [PATCH] Fix settings dialog on mobile (#602)

---
 .../dialog/content/SettingDialogContent.vue           | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/dialog/content/SettingDialogContent.vue b/src/components/dialog/content/SettingDialogContent.vue
index 90ab80009..9b136096a 100644
--- a/src/components/dialog/content/SettingDialogContent.vue
+++ b/src/components/dialog/content/SettingDialogContent.vue
@@ -198,4 +198,15 @@ const tabValue = computed(() =>
 .settings-content::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
+
+@media (max-width: 768px) {
+  .settings-container {
+    flex-direction: column;
+    height: auto;
+  }
+
+  .settings-sidebar {
+    width: 100%;
+  }
+}
 </style>