版本卡三处对细节:题头成对 · 按钮同款 · 底线与图框平齐

① 题头成对:左卡「流程包 · 版本」对右图「流程图 · 顺序」—— 同字型同字距,
   左右两卡说同一句话的两半。
② 「新建」按钮换成图上「编辑」芯片(dc2-addbtn)完全同款 —— 计算样式逐项比对
   (背景/边框/颜色/字号/圆角/内距)全同:一对动作一种长相。
③ 题头栏的底边界线与右图 hero 框的上边对齐:补 23px 对齐量,
   实测两线同落 y=321,差 0 —— 两卡横线一条平线。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m
This commit is contained in:
2026-07-28 15:16:38 +08:00
co-authored by Claude Opus 5
parent fd5ff1606f
commit 1bb74a9a2d
2 changed files with 11 additions and 6 deletions
@@ -631,11 +631,12 @@ function FlowLab({
>
<div className="g-flowlab">
<aside className="g-vercard">
{/* 题头与右侧图题成对:「流程包 · 版本」对「流程图 · 顺序」;新建与编辑同款芯片 */}
<div className="g-vercard-h">
<span className="t">VER — 版本记录</span>
流程包 · 版本
<span className="n">{versions.length} 版</span>
<button className="g-ver-new" onClick={askClone} disabled={cloneVersion.isPending}>
+ 新建版本
<Ico name="plus" s={11} /> 新建
</button>
</div>
<div className="g-vercard-list">