From 16b1986c16592672180112e48efa52f7eec1022d Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Sun, 27 Sep 2026 19:11:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E9=80=9A=E7=9F=A5=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83=E5=88=97=E8=A1=A8=E7=BA=B5=E5=90=91=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=B9=B6=E5=B1=95=E7=A4=BA=E9=A6=96=E6=AC=A1=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E7=9A=84=E6=8E=88=E6=9D=83=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SystemNotification/SystemNotification.css     | 15 +++++++++------
 .../SystemNotification/SystemNotification.js      |  6 ++++--
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/components/SystemNotification/SystemNotification.css b/frontend/src/views/components/SystemNotification/SystemNotification.css
index 2e13604..e311bfe 100644
--- a/frontend/src/views/components/SystemNotification/SystemNotification.css
+++ b/frontend/src/views/components/SystemNotification/SystemNotification.css
@@ -271,7 +271,8 @@
 
 .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel {
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  align-items: stretch;
   gap: 12px;
 }
 
@@ -284,7 +285,7 @@
 }
 
 .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table) {
-  flex: 1 1 auto;
+  flex: 0 0 auto;
   width: 100% !important;
   min-width: 0 !important;
 }
@@ -332,6 +333,7 @@
 
 .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel .el-pagination {
   flex: 0 0 auto;
+  align-self: flex-end;
   margin-top: 0;
 }
 
@@ -347,9 +349,10 @@
 }
 
 .notification-manager-secret {
-  flex: 1 0 100%;
+  flex: 0 0 auto;
+  min-width: 0;
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr);
   gap: 8px 14px;
   align-items: center;
   padding: 10px 12px;
@@ -572,7 +575,7 @@
 @media (max-width: 980px) {
   .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel {
     align-items: stretch;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
   }
 
   .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel h3 {
@@ -580,7 +583,7 @@
   }
 
   .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table) {
-    flex-basis: 100%;
+    flex-basis: auto;
   }
 
   .notification-settings:has(> .notification-manager-panel) > .notification-manager-panel .el-pagination {
diff --git a/frontend/src/views/components/SystemNotification/SystemNotification.js b/frontend/src/views/components/SystemNotification/SystemNotification.js
index c1b6376..985052e 100644
--- a/frontend/src/views/components/SystemNotification/SystemNotification.js
+++ b/frontend/src/views/components/SystemNotification/SystemNotification.js
@@ -229,8 +229,10 @@ export function usePage(props = {}) {
         user_id: target.user_id, version: target.version
       })))
       if (disposed) return
-      if (sequence === secretSequence && (!manager.value || props.userId)) showSecret(data.code, target.account)
-      else clearSecret()
+      if (sequence === secretSequence && target.user_id === selectedID.value) {
+        if (manager.value && !props.userId) manageVisible.value = false
+        showSecret(data.code, target.account)
+      } else clearSecret()
       await Promise.all([loadStatus(), loadAccounts()])
     } catch (cause) { showError(cause) }
     finally { submitting.value = false }