From 8663521bce738e90c0590be28bfe274564ed0b84 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Sun, 27 Sep 2026 15:21:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=B3=BB=E7=BB=9F=E5=8F=91?=
 =?UTF-8?q?=E4=BF=A1=E9=85=8D=E7=BD=AE=E6=A8=AA=E5=90=91=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整账号授权表格和 SMTP 配置的自适应宽度，确保系统发信配置在常用桌面尺寸内完整显示。
---
 .../SystemNotification/SystemNotification.css | 72 ++++++++++++++++++-
 1 file changed, 70 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/components/SystemNotification/SystemNotification.css b/frontend/src/views/components/SystemNotification/SystemNotification.css
index 35db022..35d6ed7 100644
--- a/frontend/src/views/components/SystemNotification/SystemNotification.css
+++ b/frontend/src/views/components/SystemNotification/SystemNotification.css
@@ -223,7 +223,7 @@
 /* Desktop manager layout: keep the authorization list and selected account settings visible together. */
 .notification-settings:has(> .notification-manager-panel) {
   display: grid;
-  grid-template-columns: minmax(240px, 0.44fr) minmax(580px, 1.56fr);
+  grid-template-columns: minmax(220px, 0.44fr) minmax(0, 1.56fr);
   align-items: start;
   gap: 8px 10px;
   min-width: 0;
@@ -303,7 +303,7 @@
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns {
   display: grid;
-  grid-template-columns: minmax(260px, 0.72fr) minmax(360px, 1.28fr);
+  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
   gap: 6px 10px;
   align-items: start;
 }
@@ -536,3 +536,71 @@
     display: table-row;
   }
 }
+/* Keep the manager table and SMTP summary inside the available dialog width. */
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table),
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table__header-wrapper table),
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table__body-wrapper table) {
+  width: 100% !important;
+  min-width: 0 !important;
+  table-layout: fixed;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table col:nth-child(1)) {
+  width: 27% !important;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table col:nth-child(2)) {
+  width: 21% !important;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table col:nth-child(3)) {
+  width: 31% !important;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table col:nth-child(4)) {
+  width: 21% !important;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table .cell) {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table .el-tag) {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions) {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions__body),
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions__table) {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) .el-descriptions__body > table > tbody,
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) .el-descriptions__body > table > tbody > tr {
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) .el-descriptions__body > table > tbody > tr > td {
+  min-width: 0;
+  max-width: 100%;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) code {
+  display: inline;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}