ngfchl/tg-spam-guard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add overflow scrolling to ban records

Browse Source
This commit is contained in:
ngfchl
2026-07-07 19:11:20 +08:00
parent e5a02258eb
commit 68b4007e89
5 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/src/App.vue
+1 -1
View File
@@ -819,7 +819,7 @@ onBeforeUnmount(() => {
<SCard class="panel ban-panel overview-ban-panel" title="🚫 封禁记录" :description="`${bans.length} 条`">
<template #extra><SButton size="xs" variant="outline" @click="loadBans">刷新</SButton></template>
<div class="ban-list overview-ban-list">
<div class="ban-list overview-ban-list v-overflow">
<div v-if="!bans.length" class="empty">暂无封禁记录</div>
<div v-for="(item, i) in bans" :key="item.id || i" class="ban-item">
<div class="ban-main">
front/src/style.css
+7
View File
@@ -506,3 +506,10 @@ body { background: #f3f6fb; }
.rule-library-grid > div { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.rule-list { height: min(28vh, 300px); max-height: min(28vh, 300px); overflow-y: auto; }
.rule-manage-page { padding-bottom: 24px; }
/* Ban records v-overflow scrolling fix */
.overview-ban-panel { display: flex; flex-direction: column; min-height: 0; }
.overview-ban-panel .s-card__content { flex: 1 1 auto; min-height: 0; height: auto !important; overflow: hidden; }
.overview-ban-panel .v-overflow,
.overview-ban-list.v-overflow { display: block; height: 100%; max-height: 100%; min-height: 0; overflow-y: auto !important; overflow-x: hidden; padding-right: 6px; overscroll-behavior: contain; scrollbar-gutter: stable; }
web/static/assets/index-DmKpLuqC.js → web/static/assets/index-CtGHELCH.js
+1 -1
View File
File diff suppressed because one or more lines are too long
web/static/assets/index-BxBv2zp1.css → web/static/assets/index-Dookq5Ju.css
+1 -1
View File
File diff suppressed because one or more lines are too long
web/static/index.html
+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-DmKpLuqC.js"></script>
<link rel="stylesheet" crossorigin href="/static/assets/index-BxBv2zp1.css">
<script type="module" crossorigin src="/static/assets/index-CtGHELCH.js"></script>
<link rel="stylesheet" crossorigin href="/static/assets/index-Dookq5Ju.css">
</head>
<body>
<div id="app"></div>