console: 任务详情改卡片式排版
只改排版,不改数据与操作:原来一整块 <br> 分隔的 信息行拆成卡片——概览(状态 + 耗时/token/成本三张 指标卡)、基本信息(键值网格)、prompt(单独一张 卡,长 prompt 不再挤在信息行末尾)、操作与结果、 协调子任务/子代理链路/评审队列/审批队列/发消息/ 线程(各一张卡)。指标卡在窄的详情列里用 auto-fit 网格自动折成一列,不挤压;nav-detail 锚点保留在外层容器上。
This commit is contained in:
1 parent
6d4f87e286
commit
b60f4facbd
3 files changed
+109
-59
No files matched your search
@@ -133,6 +133,21 @@ pre{background:var(--inset-bg);color:var(--text);border:1px solid var(--line);bo
|
||||
.issue-state.st-failed,.issue-state.st-merge-failed{background:var(--danger)}
|
||||
.issue-state.st-interrupted{background:var(--attention)}
|
||||
.issue-first{flex:none;width:22px;height:22px;margin-top:1px;border:1px solid var(--line);border-radius:6px;background:var(--subtle-bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--muted);overflow:hidden}
|
||||
/* Task detail card layout: cards stacked with a gap, KPI cards in a
|
||||
responsive grid (auto-fit, so the narrow right column collapses
|
||||
to one per row instead of squeezing three). Only layout: no data,
|
||||
action or section is added or removed by this styling. */
|
||||
.detail-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
|
||||
.detail-stack > .card{margin:0}
|
||||
.detail-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}
|
||||
.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;min-width:0}
|
||||
.detail-card-label{color:var(--muted);font-size:12px;font-weight:600}
|
||||
.detail-card-value{font-size:20px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
|
||||
.detail-card .muted{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
|
||||
.detail-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;margin:0;font-size:13px}
|
||||
.detail-kv > div{min-width:0}
|
||||
.detail-kv dt{color:var(--muted);font-size:12px}
|
||||
.detail-kv dd{margin:0;overflow-wrap:anywhere}
|
||||
.issue-title{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
|
||||
.issue-meta{font-size:12px;color:var(--muted);line-height:1.5}
|
||||
/* Conversation as a GitHub timeline / comments: white comment boxes
|
||||
|
||||
Reference in new issue
Block a user