feat: add CSS module styles for ProbabilityHubPage component

2026-04-22 05:01:11 +08:00
parent 40564b545d
commit 6d2cdc8a14
1 changed files with 21 additions and 9 deletions
@@ -171,24 +171,36 @@
 .cardMeta {
  display: flex;
  flex-wrap: wrap;
-  gap: 8px;
+  align-items: center;
+  gap: 10px;
+  color: var(--text-muted);
 }

 .metaChip {
  display: inline-flex;
  align-items: center;
-  gap: 6px;
-  min-height: 26px;
-  padding: 4px 8px;
-  border-radius: 999px;
-  border: 1px solid rgba(148, 163, 184, 0.14);
-  background: rgba(255, 255, 255, 0.03);
+  gap: 4px;
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
  color: var(--text-muted);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.metaChip + .metaChip::before {
+  content: "";
+  display: inline-block;
+  width: 1px;
+  height: 10px;
+  margin-right: 6px;
+  background: rgba(148, 163, 184, 0.22);
 }

 .metaChip strong {
-  color: var(--text-secondary);
+  color: var(--text-primary);
+  font-weight: 700;
 }

 .loadingGrid {