From 6ec7cada4397c68b26146010932a9dbe193bf9f8 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Fri, 16 Oct 2026 01:33:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=BE=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=8C=89=E9=92=AE=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ConfigEditor/ConfigEditor.css             | 13 +++-
 .../ConfigSettings/ConfigSettings.css         |  6 ++
 .../components/RuleSettings/RuleSettings.css  | 73 +++++++++++++++++-
 .../UserManagement/UserManagement.css         | 77 +++++++++++++++++++
 4 files changed, 166 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css b/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css
index c690289..6370660 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css
@@ -6,7 +6,7 @@
 
 .overview-heading {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
   gap: 12px;
 }
@@ -40,7 +40,16 @@
   flex-wrap: wrap;
   justify-content: flex-end;
   gap: 8px;
-  padding-top: 2px;
+  padding-top: 0;
+}
+
+.overview-actions :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
+  margin: 0;
+  white-space: nowrap;
 }
 
 .action-row {
diff --git a/frontend/src/views/components/ConfigSettings/ConfigSettings.css b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
index 87a24a3..7533e4e 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigSettings.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
@@ -180,12 +180,18 @@
 }
 .action-row {
   display: flex;
+  align-items: center;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 12px;
 }
 .action-row > .el-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
   margin-left: 0;
+  margin-right: 0;
 }
 .maintenance-heading {
   display: flex;
diff --git a/frontend/src/views/components/RuleSettings/RuleSettings.css b/frontend/src/views/components/RuleSettings/RuleSettings.css
index a133b66..64bef2b 100644
--- a/frontend/src/views/components/RuleSettings/RuleSettings.css
+++ b/frontend/src/views/components/RuleSettings/RuleSettings.css
@@ -56,21 +56,41 @@
 
 .row-actions {
   display: flex;
+  align-items: center;
+  gap: 4px;
   justify-content: flex-end;
   opacity: 0.7;
   transition: opacity 0.2s;
 }
 
+.row-actions :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+}
+
 .modern-table :deep(tr:hover) .row-actions {
   opacity: 1;
 }
 
 .form-actions {
   display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
   justify-content: flex-start;
   margin-top: 12px;
 }
 
+.form-actions :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
+  margin: 0;
+}
+
 .add-btn {
   border-radius: var(--pm-radius-sm);
 }
@@ -123,14 +143,53 @@
   align-items: center;
 }
 
+.rule-line :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  margin: 0;
+}
+
 .add-condition-action {
   margin-top: 12px;
 }
 
 .action-row {
   display: flex;
-  gap: 12px;
   align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.action-row > * {
+  min-width: 0;
+}
+
+.action-row .flex-grow {
+  flex: 1 1 240px;
+  min-width: 180px;
+}
+
+.action-row .w-48 {
+  flex: 0 1 180px;
+}
+
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.dialog-footer :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 88px;
+  min-height: 32px;
+  margin: 0;
 }
 
 .custom-divider {
@@ -152,3 +211,15 @@
     margin-bottom: 8px;
   }
 }
+
+@container settings-content (max-width: 560px) {
+  .action-row {
+    align-items: stretch;
+  }
+
+  .action-row .w-48,
+  .action-row .flex-grow {
+    flex-basis: 100%;
+    width: 100%;
+  }
+}
diff --git a/frontend/src/views/components/UserManagement/UserManagement.css b/frontend/src/views/components/UserManagement/UserManagement.css
index ee69ea8..c2d5789 100644
--- a/frontend/src/views/components/UserManagement/UserManagement.css
+++ b/frontend/src/views/components/UserManagement/UserManagement.css
@@ -16,6 +16,7 @@
   font-weight: 600;
   color: var(--pm-text-primary);
   margin: 0;
+  min-width: 0;
 }
 
 .table-container {
@@ -172,8 +173,37 @@
 }
 .group-toolbar {
   display: flex;
+  align-items: center;
+  justify-content: flex-end;
   flex-wrap: wrap;
   gap: 8px;
+  flex: 0 1 auto;
+  min-width: 0;
+}
+
+.group-toolbar :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  min-height: 32px;
+  margin: 0;
+  white-space: nowrap;
+}
+
+.modern-table :deep(.el-table__cell:last-child .cell) {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
+}
+
+.modern-table :deep(.el-table__cell:last-child .el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  white-space: nowrap;
 }
 
 .account-group-panel {
@@ -187,6 +217,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  gap: 12px;
   padding: 10px 14px;
   background: var(--el-fill-color-light);
 }
@@ -197,6 +228,7 @@
 
 .account-group-toggle {
   flex: 1;
+  min-width: 0;
   border: 0;
   padding: 4px 0;
   background: transparent;
@@ -207,6 +239,15 @@
   cursor: pointer;
 }
 
+.account-group-header :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  margin: 0;
+  white-space: nowrap;
+}
+
 .account-group-toggle:focus-visible {
   outline: 2px solid var(--el-color-primary);
   outline-offset: 4px;
@@ -235,8 +276,12 @@
 }
 
 .membership-selector-header :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   flex: 0 0 auto;
   margin: 0;
+  white-space: nowrap;
 }
 
 .membership-option {
@@ -317,8 +362,40 @@
 }
 
 .membership-manage-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   flex: 0 0 auto;
   margin: 0;
+  white-space: nowrap;
+}
+
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.dialog-footer :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 88px;
+  min-height: 32px;
+  margin: 0;
+}
+
+@container settings-content (max-width: 760px) {
+  .settings-header {
+    align-items: center;
+  }
+
+  .group-toolbar {
+    flex: 1 1 100%;
+    justify-content: flex-start;
+  }
 }
 
 .account-form {