style: 网页端操作日志条铺满卡片宽度并加可点击箭头

- 负 margin 精确抵消 padding+border,蓝条真正贯穿卡片宽度
- 日志文字加粗 + 末尾蓝色 › 箭头提示可点击
This commit is contained in:
2026-09-01 14:44:18 +08:00
parent 84af09ea75
commit 9c1246e2c9

View File

@ -150,13 +150,13 @@ const SlimCard = memo(function SlimCard({
<button onClick={() => onAction({ task, action: "transfer" })} className={`flex-1 rounded border border-orange-200 bg-orange-50 ${sz.btn} text-orange-600`}></button> <button onClick={() => onAction({ task, action: "transfer" })} className={`flex-1 rounded border border-orange-200 bg-orange-50 ${sz.btn} text-orange-600`}></button>
</div> </div>
)} )}
{/* 操作日志:全行蓝色横条,整条可点击 */} {/* 操作日志:全行蓝色横条,铺满卡片宽度(含 padding+border整条可点击 */}
{task.records && task.records.length > 0 && ( {task.records && task.records.length > 0 && (
<div <div
onClick={(e) => { e.stopPropagation(); onViewRecords?.(task); }} onClick={(e) => { e.stopPropagation(); onViewRecords?.(task); }}
className={`${size === "lg" ? "-mx-4 -mb-4" : "-mx-2.5 -mb-2.5"} mt-3 py-1.5 w-full bg-blue-50 text-blue-600 text-center text-sm cursor-pointer hover:bg-blue-100 border-t border-blue-100 rounded-b-md transition-colors`} className={`${size === "lg" ? "-mx-[17px] -mb-[17px]" : "-mx-[11px] -mb-[11px]"} mt-3 py-1.5 bg-blue-50 text-blue-600 text-center text-sm font-medium cursor-pointer transition-colors hover:bg-blue-100 border-t border-blue-100 rounded-b-lg`}
> >
({task.records.length}) ({task.records.length}) <span className="font-bold text-blue-700"></span>
</div> </div>
)} )}
</div> </div>