From 1437bb7e4b6d2ecd98f8ca91273d858330ec1e73 Mon Sep 17 00:00:00 2001
From: ngfchl <ngfchl@users.noreply.github.com>
Date: Tue, 7 Jul 2026 09:04:28 +0800
Subject: [PATCH] style: constrain spam tooltip width

---
 web/static/index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/static/index.html b/web/static/index.html
index bec21c3..08addef 100644
--- a/web/static/index.html
+++ b/web/static/index.html
@@ -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>