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

style: constrain spam tooltip width

Browse Source
This commit is contained in:
ngfchl
2026-07-07 09:04:28 +08:00
parent 1f97bc2c33
commit 1437bb7e4b
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/index.html
+3 -1
View File
@@ -122,6 +122,8 @@
.el-card { border: none; border-radius: 12px; }
.el-button--mini, .el-button--small { border-radius: 8px; }
.spam-tooltip { max-width: min(720px, calc(100vw - 48px)); word-break: break-word; line-height: 1.45; }
@media (max-width: 900px) { .spam-tooltip { max-width: calc(100vw - 32px); } }
@media (max-width: 1200px) and (min-width: 901px) {
.main-grid { height: calc(100vh - 54px - 10px - 54px - 10px - 220px - 84px); }
@@ -219,7 +221,7 @@
</span>
</div>
<div class="text">{{ item.text }}</div>
<el-tooltip v-if="item.spam" effect="dark" placement="top-start" :content="item.reason || item.spam_reason || ''">
<el-tooltip v-if="item.spam" effect="dark" placement="top-start" popper-class="spam-tooltip" :content="item.reason || item.spam_reason || ''">
<span class="reason-tag"><el-tag size="mini" type="danger">垃圾：{{ item.reason || item.spam_reason }}</el-tag></span>
</el-tooltip>
<el-tag v-if="item.deleted" size="mini" type="info">已手动删除 · {{ formatTime(item.deleted_at) }}</el-tag>