style: 网页端操作日志条铺满卡片宽度并加可点击箭头
- 负 margin 精确抵消 padding+border,蓝条真正贯穿卡片宽度 - 日志文字加粗 + 末尾蓝色 › 箭头提示可点击
This commit is contained in:
@ -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>
|
||||
</div>
|
||||
)}
|
||||
{/* 操作日志:全行蓝色横条,整条可点击 */}
|
||||
{/* 操作日志:全行蓝色横条,铺满卡片宽度(含 padding+border),整条可点击 */}
|
||||
{task.records && task.records.length > 0 && (
|
||||
<div
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user