From 1659804d1a5a31bd7a7df0f33d575066f5a0d68a Mon Sep 17 00:00:00 2001
From: mtvpls <mtvpls@redaaa.ip-ddns.com>
Date: Fri, 13 Mar 2026 09:59:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E5=B9=95=E6=90=9C=E7=B4=A2=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E6=A0=87=E9=A2=98=E5=A2=9E=E5=8A=A0tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DanmakuPanel.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/DanmakuPanel.tsx b/src/components/DanmakuPanel.tsx
index 774364f..3265d59 100644
--- a/src/components/DanmakuPanel.tsx
+++ b/src/components/DanmakuPanel.tsx
@@ -382,9 +382,18 @@ export default function DanmakuPanel({
 
                 {/* 信息 */}
                 <div className='min-w-0 flex-1'>
-                  <p className='truncate font-semibold text-gray-800 dark:text-white'>
-                    {anime.animeTitle}
-                  </p>
+                  <div className='relative'>
+                    <p className='truncate font-semibold text-gray-800 dark:text-white peer'>
+                      {anime.animeTitle}
+                    </p>
+                    {/* 自定义 tooltip */}
+                    <div
+                      className='absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-1 bg-gray-800 text-white text-xs rounded-md shadow-lg opacity-0 invisible peer-hover:opacity-100 peer-hover:visible transition-all duration-200 ease-out delay-100 whitespace-nowrap pointer-events-none z-[100]'
+                    >
+                      {anime.animeTitle}
+                      <div className='absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-gray-800' />
+                    </div>
+                  </div>
                   <div className='mt-1 flex flex-wrap items-center gap-2 text-xs text-gray-600 dark:text-gray-400'>
                     <span className='rounded bg-gray-200 px-2 py-0.5 dark:bg-gray-700'>
                       {anime.typeDescription || anime.type}