From 8a0912b5b92045b1e5c76d36a16c5ef1c39ad263 Mon Sep 17 00:00:00 2001
From: Qiao <SugarQiao@outlook.com>
Date: Sat, 31 Jan 2026 16:01:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=87=E9=A2=98=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=A1=AE=E4=BF=9D=E9=95=BF?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=AD=A3=E7=A1=AE=E6=88=AA=E6=96=AD=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=9C=81=E7=95=A5=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/display_card/container.tsx                | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/napcat-webui-frontend/src/components/display_card/container.tsx b/packages/napcat-webui-frontend/src/components/display_card/container.tsx
index 806bbe07..54743776 100644
--- a/packages/napcat-webui-frontend/src/components/display_card/container.tsx
+++ b/packages/napcat-webui-frontend/src/components/display_card/container.tsx
@@ -40,8 +40,9 @@ const DisplayCardContainer: React.FC<ContainerProps> = ({
     >
       <CardHeader className='p-4 pb-2 flex items-center justify-between gap-3'>
         <div className='flex-1 min-w-0 mr-2'>
-          <div className='inline-flex items-center px-3 py-1 rounded-lg bg-default-100/50 dark:bg-white/10 border border-transparent dark:border-white/5'>
-            <span className='font-bold text-default-600 dark:text-white/90 text-sm truncate select-text'>
+          {/* 限制标题区域最大宽度并隐藏溢出，确保 long title 能正确截断显示省略号 */}
+          <div className='inline-flex items-center px-3 py-1 rounded-lg bg-default-100/50 dark:bg-white/10 border border-transparent dark:border-white/5 max-w-full overflow-hidden'>
+            <span className='block font-bold text-default-600 dark:text-white/90 text-sm truncate select-text whitespace-nowrap'>
               {_title}
             </span>
           </div>