fix: separate Claw markdown table columns

This commit is contained in:
134 2026-09-15 13:34:41 +08:00
parent 8f0dff35ed
commit c024ae31b9
2 changed files with 9 additions and 2 deletions

View File

@ -723,7 +723,7 @@ function MarkdownTableCell({
return (
<td
className={cn(
"min-w-[10rem] max-w-[24rem] align-top !whitespace-normal break-words [overflow-wrap:anywhere] [word-break:break-word]",
"min-w-[10rem] max-w-[24rem] border-r border-border/60 px-4 py-2.5 align-top !whitespace-normal break-words last:border-r-0 [overflow-wrap:anywhere] [word-break:break-word]",
className
)}
{...props}
@ -741,7 +741,7 @@ function MarkdownTableHeaderCell({
return (
<th
className={cn(
"min-w-[10rem] max-w-[22rem] !whitespace-normal break-words [overflow-wrap:anywhere] [word-break:break-word]",
"min-w-[10rem] max-w-[22rem] border-r border-border/60 px-4 py-2.5 align-top !whitespace-normal break-words last:border-r-0 [overflow-wrap:anywhere] [word-break:break-word]",
className
)}
{...props}

View File

@ -0,0 +1,7 @@
# Claw Markdown 表格列间距修复(2026-09-15)
自定义 `MarkdownTableCell` / `MarkdownTableHeaderCell` 没有设置内边距;右对齐的数量紧贴下一列左对齐的尺寸,视觉上将 `1` 与 `1200×300×18` 连在一起。补充单元格水平/垂直内边距、浅色列分隔线,保留 Markdown 对齐方式及现有卡片横向滚动。
Chrome 使用实际 Response、Streamdown 和生产全局 CSS,在 1684、768、390px 视口复现并验证:修复前文字间距为 0px,修复后为 31/31/33px;数量仍为 `1`,尺寸仍为 `1200×300×18`。窄屏溢出限制在卡片内,页面本身没有横向溢出。CSV 下载仍得到独立的数量和尺寸字段。浅色/深色截图均已目视检查。
仅修改表头、数据单元格的样式,不改变对话内容或报价数据。