fix: 活动矩阵预览备注卡片被 sticky 列遮挡的布局修复
Deploy to Server / deploy (push) Successful in 1m38s

- 矩阵单元格备注卡增加 mx-auto + max-w-[88%] 左右留白
  (避免靠左侧的第一个活动列备注贴 td 左边缘时,被 sticky 义工号列的背景遮住首字)
- break-all → break-words,中文断行更自然
- 背景不透明化(bg-white/95)、边框对比度微提高(border-gray-200/80)
  加轻微阴影,区分备注卡与交替行底色
This commit is contained in:
Trae Assistant
2026-10-05 10:17:17 +08:00
parent b145cbd167
commit dd2fe86998
+1 -1
View File
@@ -578,7 +578,7 @@ export default function Export() {
{v > 0 ? v.toFixed(1) : '—'}
</div>
{r ? (
<div className="mt-1 text-[11px] font-normal text-gray-500 text-left bg-white/70 rounded border border-gray-100 px-1.5 py-1 leading-snug break-all" title={r}>
<div className="mt-1.5 mx-auto max-w-[88%] text-[11px] font-normal text-gray-500 text-left bg-white/95 rounded-sm border border-gray-200/80 px-2 py-1 leading-relaxed break-words shadow-[0_1px_2px_rgba(15,23,42,0.04)]" title={r}>
{r}
</div>
) : null}