对齐规则列表页交互样式

2026-04-29 11:22:20 +08:00
parent dce5ac0c9a
commit 84d2e0a1a5
4 changed files with 209 additions and 102 deletions
@@ -30,6 +30,71 @@
  overflow: visible;
 }

+.rules-test-page .rules-test-list-shell {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  overflow: visible;
+}
+
+.rules-test-page .rules-list-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 0;
+}
+
+.rules-test-page .rules-list-title {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  min-width: 0;
+}
+
+.rules-test-page .rules-list-title h2 {
+  margin: 0;
+  color: #17231f;
+  font-size: 20px;
+  font-weight: 500;
+  letter-spacing: 0;
+}
+
+.rules-test-page .rules-list-total {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  min-height: 28px;
+  padding: 4px 12px;
+  border-radius: 6px;
+  background: #fff;
+  color: #6b7b73;
+  font-size: 14px;
+}
+
+.rules-test-page .rules-list-total i,
+.rules-test-page .rules-list-total strong {
+  color: #00684a;
+}
+
+.rules-test-page .rules-list-total strong {
+  margin-left: 2px;
+  font-size: 16px;
+  font-weight: 400;
+}
+
+.rules-test-page .rules-test-filter-panel {
+  margin-bottom: 0;
+}
+
+.rules-test-page .rules-test-filter-panel .filter-list {
+  align-items: flex-end;
+}
+
+.rules-test-page .rules-test-filter-panel .filter-actions {
+  align-self: flex-end;
+}
+
 .rules-test-page .rules-test-hero {
  border: 1px solid #dfe8e3;
  background: #fff;