style: compact ban record rows

This commit is contained in:
ngfchl
2026-07-07 19:28:10 +08:00
parent ef36282fb9
commit 3e5936653b
4 changed files with 14 additions and 3 deletions
+11
View File
@@ -538,3 +538,14 @@ body { background: #f3f6fb; }
.rule-detect-compact, .compact-rule-writer { grid-template-columns: 1fr !important; }
.switch-line.compact { margin-right: 0; }
}
/* Compact ban rows: lower item height, bigger spacing between items */
.overview-ban-list.v-overflow { display: flex !important; flex-direction: column; gap: 10px !important; }
.overview-ban-list .ban-item { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 3px !important; padding: 5px 8px !important; min-height: 0; border-radius: 10px; }
.overview-ban-list .ban-main { display: grid; gap: 1px !important; min-width: 0; }
.overview-ban-list .ban-main b { font-size: 12px !important; line-height: 1.18; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.overview-ban-list .ban-main span { font-size: 11px !important; line-height: 1.22; display: block !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
.overview-ban-list .ban-meta { width: 100%; display: flex !important; align-items: center; flex-wrap: nowrap !important; gap: 5px !important; font-size: 10px !important; line-height: 1.2; white-space: nowrap !important; overflow: hidden; }
.overview-ban-list .ban-meta > span { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-ban-list .ban-meta .s-button { height: 22px; min-height: 22px; padding: 0 8px; font-size: 10px; }
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/static/icon.svg" />
<title>TG Spam Guard</title>
<script type="module" crossorigin src="/static/assets/index-B6Gkvk5q.js"></script>
<link rel="stylesheet" crossorigin href="/static/assets/index-DB2vPoNK.css">
<script type="module" crossorigin src="/static/assets/index-CzBH2oNp.js"></script>
<link rel="stylesheet" crossorigin href="/static/assets/index-2RjTuR2b.css">
</head>
<body>
<div id="app"></div>