From 498493374e70c0d0c08c7f793e9b4d2bcdf841b7 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Sun, 27 Sep 2026 14:58:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=B3=BB=E7=BB=9F=E5=8F=91?=
 =?UTF-8?q?=E4=BF=A1=E9=85=8D=E7=BD=AE=E4=B8=80=E9=A1=B5=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

扩展详情区域，优化 SMTP 配置密度，避免邮箱和用户名被逐字换行。
---
 .../SystemNotification/SystemNotification.css       | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/components/SystemNotification/SystemNotification.css b/frontend/src/views/components/SystemNotification/SystemNotification.css
index 5e97d8e..35db022 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(220px, 0.68fr) minmax(420px, 1.32fr);
+  grid-template-columns: minmax(240px, 0.44fr) minmax(580px, 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(0, 0.86fr) minmax(0, 1.14fr);
+  grid-template-columns: minmax(260px, 0.72fr) minmax(360px, 1.28fr);
   gap: 6px 10px;
   align-items: start;
 }
@@ -369,6 +369,7 @@
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-descriptions__label) {
   width: 96px;
+  white-space: nowrap;
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-hint {
@@ -506,7 +507,7 @@
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) .el-descriptions__body > table > tbody > tr {
   display: grid;
-  grid-template-columns: 86px minmax(0, 1fr);
+  grid-template-columns: 96px minmax(0, 1fr);
   min-width: 0;
 }
 
@@ -516,6 +517,12 @@
   word-break: normal;
 }
 
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) code {
+  overflow-wrap: break-word;
+  word-break: normal;
+  white-space: normal;
+}
+
 @media (max-width: 920px) {
   .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) .el-descriptions__body > table {
     display: table;