From 8e1093029cb78d0e280071255f5cfea74dc8e228 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Thu, 15 Oct 2026 21:42:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8F=92=E4=BB=B6=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E7=AA=84=E7=AA=97=E5=8F=A3=E5=B8=83=E5=B1=80=E5=8F=98?=
 =?UTF-8?q?=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整非移动端窄设置抽屉中的插件通知布局，避免内容区被子菜单挤压，保证通知表单单列显示和菜单文字不变形。
---
 .../ConfigSettings/ConfigSettings.css         |  8 ++--
 .../TelegramSettings/TelegramSettings.css     | 42 ++++++++++++++++++-
 .../WeChatSettings/WeChatSettings.css         | 40 +++++++++++++++++-
 3 files changed, 85 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/components/ConfigSettings/ConfigSettings.css b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
index 1da77fe..3ec152f 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigSettings.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
@@ -336,17 +336,19 @@
   :global(.settings-drawer-desktop .config-workspace) {
     grid-template-columns: minmax(0, 1fr);
     grid-template-areas:
-      "submenu"
-      "main";
-    gap: 16px;
+      "main"
+      "submenu";
+    gap: 12px;
   }
 
   :global(.settings-drawer-desktop .config-navigation) {
     position: static;
     min-width: 0;
+    width: 100%;
   }
 
   :global(.settings-drawer-desktop .config-main) {
+    width: 100%;
     min-width: 0;
   }
 
diff --git a/frontend/src/views/components/PluginSettings/TelegramSettings/TelegramSettings.css b/frontend/src/views/components/PluginSettings/TelegramSettings/TelegramSettings.css
index 762c227..365bb9d 100644
--- a/frontend/src/views/components/PluginSettings/TelegramSettings/TelegramSettings.css
+++ b/frontend/src/views/components/PluginSettings/TelegramSettings/TelegramSettings.css
@@ -1,5 +1,8 @@
 .telegram-settings {
-  max-width: 760px;
+  width: 100%;
+  max-width: none;
+  min-width: 0;
+  box-sizing: border-box;
   padding: 16px;
 }
 
@@ -21,6 +24,8 @@
 .telegram-hint {
   color: var(--el-text-color-secondary);
   line-height: 1.6;
+  overflow-wrap: normal;
+  word-break: normal;
 }
 
 .telegram-header a {
@@ -104,3 +109,38 @@
     grid-template-columns: minmax(0, 1fr);
   }
 }
+
+@container config-main (max-width: 420px) {
+  .telegram-settings {
+    padding: 10px 4px;
+  }
+
+  .telegram-header {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 8px;
+    margin-bottom: 14px;
+  }
+
+  .telegram-settings :deep(.el-form) {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 8px;
+  }
+
+  .telegram-identity {
+    align-items: flex-start;
+    flex-direction: column;
+    padding: 12px;
+    margin-bottom: 14px;
+  }
+
+  .telegram-buttons,
+  .telegram-actions {
+    width: 100%;
+  }
+
+  .telegram-buttons .el-button,
+  .telegram-actions .el-button {
+    flex: 1 1 auto;
+  }
+}
diff --git a/frontend/src/views/components/PluginSettings/WeChatSettings/WeChatSettings.css b/frontend/src/views/components/PluginSettings/WeChatSettings/WeChatSettings.css
index 5b108eb..7927eb9 100644
--- a/frontend/src/views/components/PluginSettings/WeChatSettings/WeChatSettings.css
+++ b/frontend/src/views/components/PluginSettings/WeChatSettings/WeChatSettings.css
@@ -1,5 +1,8 @@
 .wechat-settings {
-  max-width: 760px;
+  width: 100%;
+  max-width: none;
+  min-width: 0;
+  box-sizing: border-box;
   padding: 16px;
 }
 
@@ -27,6 +30,8 @@
 .wechat-label {
   color: var(--el-text-color-secondary);
   line-height: 1.6;
+  overflow-wrap: normal;
+  word-break: normal;
 }
 
 .wechat-header p {
@@ -92,3 +97,36 @@
     grid-template-columns: minmax(0, 1fr);
   }
 }
+
+@container config-main (max-width: 420px) {
+  .wechat-settings {
+    padding: 10px 4px;
+  }
+
+  .wechat-header {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 8px;
+    margin-bottom: 14px;
+  }
+
+  .wechat-settings :deep(.el-form) {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 8px;
+  }
+
+  .wechat-identity {
+    align-items: flex-start;
+    flex-direction: column;
+    padding: 12px;
+    margin-bottom: 14px;
+  }
+
+  .wechat-buttons {
+    width: 100%;
+  }
+
+  .wechat-buttons .el-button {
+    flex: 1 1 auto;
+  }
+}