Northern_Lights/NapCatQQ
1
0
Fork 0
mirror of https://github.com/NapNeko/NapCatQQ.git synced 2026-02-04 06:31:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

优化标题区域样式，确保长标题正确截断显示省略号

Browse Source
This commit is contained in:
Qiao 2026-01-31 16:01:16 +08:00
parent cf27b34242
commit 8a0912b5b9
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/napcat-webui-frontend/src/components/display_card/container.tsx
View File

@ -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>