From 181178742d2eb36d123e0884549e2a96c67c7610 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Sun, 27 Sep 2026 11:57:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=8B=E7=BC=A9=E7=B3=BB=E7=BB=9F=E5=8F=91?=
 =?UTF-8?q?=E4=BF=A1=E9=85=8D=E7=BD=AE=E9=A1=B5=E9=9D=A2=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 | 97 +++++++++++++++----
 1 file changed, 79 insertions(+), 18 deletions(-)

diff --git a/frontend/src/views/components/SystemNotification/SystemNotification.css b/frontend/src/views/components/SystemNotification/SystemNotification.css
index 2ec52f4..aa2fa1e 100644
--- a/frontend/src/views/components/SystemNotification/SystemNotification.css
+++ b/frontend/src/views/components/SystemNotification/SystemNotification.css
@@ -225,8 +225,35 @@
   display: grid;
   grid-template-columns: minmax(240px, 0.82fr) minmax(320px, 1.18fr);
   align-items: start;
-  gap: 12px;
+  gap: 8px 10px;
   min-width: 0;
+  padding: 12px 14px;
+}
+
+.notification-settings:has(> .notification-manager-panel) .notification-header p {
+  margin: 2px 0 0;
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.notification-settings:has(> .notification-manager-panel) .notification-header h2,
+.notification-settings:has(> .notification-manager-panel) .notification-header h3 {
+  margin-bottom: 4px;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .el-alert {
+  padding: 8px 12px;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .el-alert :deep(.el-alert__title) {
+  font-size: 13px;
+  line-height: 1.3;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .el-alert :deep(.el-alert__description) {
+  margin-top: 2px;
+  font-size: 12px;
+  line-height: 1.35;
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-header,
@@ -237,12 +264,13 @@
 .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel {
   grid-column: 1;
   min-width: 0;
+  padding: 10px;
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel {
   grid-column: 2;
   min-width: 0;
-  padding: 14px;
+  padding: 10px;
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel h3 {
@@ -250,12 +278,13 @@
 }
 
 .notification-settings:has(> .notification-manager-panel) :deep(.el-table .cell) {
-  padding-inline: 8px;
-  line-height: 1.35;
+  padding-inline: 6px;
+  font-size: 12px;
+  line-height: 1.25;
 }
 
 .notification-settings:has(> .notification-manager-panel) :deep(.el-table__cell) {
-  padding-block: 7px;
+  padding-block: 5px;
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel .el-pagination {
@@ -263,18 +292,19 @@
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-heading {
-  margin-bottom: 8px;
+  margin-bottom: 4px;
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-credential {
-  margin: 8px 0;
-  padding: 8px 10px;
+  margin: 6px 0;
+  padding: 6px 8px;
+  font-size: 12px;
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns {
   display: grid;
   grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
-  gap: 10px 14px;
+  gap: 6px 10px;
   align-items: start;
 }
 
@@ -310,19 +340,50 @@
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-form-item) {
-  margin-bottom: 10px;
-}
-
-.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-limits {
-  gap: 8px;
-}
-
-.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-descriptions__header) {
   margin-bottom: 6px;
 }
 
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-form-item__label) {
+  margin-bottom: 2px;
+  font-size: 12px;
+  line-height: 1.3;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-limits {
+  gap: 6px;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-descriptions__header) {
+  margin-bottom: 4px;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-descriptions__title) {
+  font-size: 13px;
+}
+
 .notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-descriptions__cell) {
-  padding: 7px 10px;
+  padding: 4px 7px;
+  font-size: 12px;
+  line-height: 1.3;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-descriptions__label) {
+  width: 96px;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-hint {
+  font-size: 11px;
+  line-height: 1.3;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel > .el-alert {
+  padding: 6px 10px;
+}
+
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel > .el-alert :deep(.el-alert__title),
+.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel > .el-alert :deep(.el-alert__description) {
+  font-size: 12px;
+  line-height: 1.3;
 }
 
 @media (max-width: 920px) {