fix: increase rules list viewport height

This commit is contained in:
wren
2026-05-07 17:52:13 +08:00
parent c00e5feff0
commit 43838c7b8c
2 changed files with 10 additions and 10 deletions
+2 -2
View File
@@ -422,13 +422,13 @@ export default function RulesTestList() {
/> />
</FilterPanel> </FilterPanel>
<Card className="ant-card"> <Card className="ant-card rules-test-table-card">
<Table <Table
className="rules-test-table rules-table" className="rules-test-table rules-table"
columns={columns} columns={columns}
dataSource={rows} dataSource={rows}
rowKey="rowId" rowKey="rowId"
scroll={{ y: 700 }} scroll={{ y: 'calc(100vh - 340px)' }}
emptyText={<div className="empty-state"> YAML </div>} emptyText={<div className="empty-state"> YAML </div>}
/> />
{totalCount > 0 && ( {totalCount > 0 && (
+8 -8
View File
@@ -184,8 +184,8 @@
} }
.rules-test-page .rules-test-table td { .rules-test-page .rules-test-table td {
padding-top: 18px; padding-top: 14px;
padding-bottom: 18px; padding-bottom: 14px;
padding-right: 12px; padding-right: 12px;
vertical-align: top; vertical-align: top;
} }
@@ -216,9 +216,7 @@
.rules-test-page .rule-name { .rules-test-page .rule-name {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 6px; gap: 4px;
min-height: 54px;
justify-content: center;
} }
.rules-test-page .rule-name strong { .rules-test-page .rule-name strong {
@@ -235,9 +233,11 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 6px; gap: 4px;
min-height: 54px; }
justify-content: center;
.rules-test-page .rules-test-table-card {
min-height: calc(100vh - 250px);
} }
.rules-test-page .rule-check-type span:last-child { .rules-test-page .rule-check-type span:last-child {