style: compact ban record rows
This commit is contained in:
@@ -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
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user