From 43838c7b8ccec7dece0592d05f3332536687c0a0 Mon Sep 17 00:00:00 2001
From: wren <“porlong@qq.com”>
Date: Thu, 7 May 2026 17:52:13 +0800
Subject: [PATCH] fix: increase rules list viewport height

---
 app/routes/rulesTest.list.tsx   |  4 ++--
 app/styles/pages/rules_test.css | 16 ++++++++--------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/routes/rulesTest.list.tsx b/app/routes/rulesTest.list.tsx
index e00936d..edec429 100644
--- a/app/routes/rulesTest.list.tsx
+++ b/app/routes/rulesTest.list.tsx
@@ -422,13 +422,13 @@ export default function RulesTestList() {
           />
         </FilterPanel>
 
-        <Card className="ant-card">
+        <Card className="ant-card rules-test-table-card">
           <Table
             className="rules-test-table rules-table"
             columns={columns}
             dataSource={rows}
             rowKey="rowId"
-            scroll={{ y: 700 }}
+            scroll={{ y: 'calc(100vh - 340px)' }}
             emptyText={<div className="empty-state">暂无规则。当前类型的规则列表流程已保留，可进入配置页查看空 YAML 模板。</div>}
           />
           {totalCount > 0 && (
diff --git a/app/styles/pages/rules_test.css b/app/styles/pages/rules_test.css
index dd99379..9021416 100644
--- a/app/styles/pages/rules_test.css
+++ b/app/styles/pages/rules_test.css
@@ -184,8 +184,8 @@
 }
 
 .rules-test-page .rules-test-table td {
-  padding-top: 18px;
-  padding-bottom: 18px;
+  padding-top: 14px;
+  padding-bottom: 14px;
   padding-right: 12px;
   vertical-align: top;
 }
@@ -216,9 +216,7 @@
 .rules-test-page .rule-name {
   display: flex;
   flex-direction: column;
-  gap: 6px;
-  min-height: 54px;
-  justify-content: center;
+  gap: 4px;
 }
 
 .rules-test-page .rule-name strong {
@@ -235,9 +233,11 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 6px;
-  min-height: 54px;
-  justify-content: center;
+  gap: 4px;
+}
+
+.rules-test-page .rules-test-table-card {
+  min-height: calc(100vh - 250px);
 }
 
 .rules-test-page .rule-check-type span:last-child {