From 890a2fdd51f56544c972d30fc70d4e565ef9b55e Mon Sep 17 00:00:00 2001
From: thatsfelix <thatwasfelix@gmail.com>
Date: Wed, 22 Jul 2026 12:36:08 +0800
Subject: [PATCH] =?UTF-8?q?style(components):=20=E6=94=B6=E6=95=9B?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=BC=B9=E5=B1=82=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CategoryDropdown/index.scss  | 22 +++++++++++++++++++++
 src/components/FolderMoveSubmenu/index.scss | 20 +++++++++++++++++++
 2 files changed, 42 insertions(+)

diff --git a/src/components/CategoryDropdown/index.scss b/src/components/CategoryDropdown/index.scss
index 9291926..b5d08dd 100644
--- a/src/components/CategoryDropdown/index.scss
+++ b/src/components/CategoryDropdown/index.scss
@@ -107,3 +107,25 @@
   outline: 2px solid rgba(111, 71, 245, 0.45);
   outline-offset: 2px;
 }
+
+@media (max-width: 480px) {
+  .categoryDropdown {
+    max-width: 100%;
+  }
+
+  .categoryDropdown__trigger {
+    max-width: min(140px, 100%);
+  }
+
+  .categoryDropdown__menu {
+    right: auto;
+    left: 0;
+    width: min(221px, calc(100vw - 28px));
+    max-height: min(293px, calc(100vh - 160px));
+    border-radius: 20px;
+  }
+
+  .categoryDropdown__item {
+    width: 100%;
+  }
+}
diff --git a/src/components/FolderMoveSubmenu/index.scss b/src/components/FolderMoveSubmenu/index.scss
index 1204d99..49e577f 100644
--- a/src/components/FolderMoveSubmenu/index.scss
+++ b/src/components/FolderMoveSubmenu/index.scss
@@ -174,3 +174,23 @@
   font-size: 12px;
   line-height: normal;
 }
+
+@media (max-width: 480px) {
+  .folderMoveSubmenu {
+    right: 0;
+    left: auto;
+    width: min(255px, calc(100vw - 28px));
+    max-height: min(190px, calc(100vh - 160px));
+    border-radius: 20px;
+  }
+
+  .folderMoveSubmenu_left,
+  .folderMoveSubmenu_right {
+    right: 0;
+    left: auto;
+  }
+
+  .folderMoveSubmenu__tree {
+    max-height: calc(min(190px, 100vh - 160px) - 20px);
+  }
+}