console: 重排版为侧边导航 + 三栏工作台 + 任务详情内页签
旧排版(顶栏页签 + 数据卡片置顶 + 长页堆叠 + 详情卡片堆在对话下)全部去掉,功能不变: - 左侧栏:导航按任务/管理分组,底部紧凑概览卡片始终可见;整页不再单页长滚动,各 pane 各自滚动 - 任务工作台:左任务列表轨(搜索/筛选/分页),中派发(可收起)+ 单列对话,右任务详情检查器 - 详情检查器:概览/协作/评审与审批/线程四个内页签,一次只显示一组 - 其余功能各成独立页面:项目与成员、环境与 Workers、技能与自动化、系统与 Key - 视图同步到 location.hash(#view-tasks 等) 构建:npm run build(tsc + vite singlefile)通过,产物 332130 字节;本地全量 cloud 1275 项全过(skipped 4)。
This commit is contained in:
1 parent
f0aba700e0
commit
44b080971e
4 files changed
+187
-148
No files matched your search
@@ -272,3 +272,52 @@ pre{background:var(--inset-bg);color:var(--text);border:1px solid var(--line);bo
|
||||
.bar > input[type="text"],.bar > input[type="password"],.bar > select{flex:1 1 100%}
|
||||
th,td{padding:8px 12px}
|
||||
}
|
||||
|
||||
/* Redesign shell (2026-10-30): replaces the old top-tab + stacked-page
|
||||
layout. Sidebar + workspace grid, each pane scrolls on its own;
|
||||
the page itself never scrolls as one long column. */
|
||||
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);height:100vh;background:#fff}
|
||||
.shell-side{background:#f6f8fa;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow-y:auto}
|
||||
.shell-brand{font-weight:600;font-size:16px;padding:16px 16px 12px}
|
||||
.shell-nav{display:flex;flex-direction:column;gap:16px;padding:0 12px 16px}
|
||||
.shell-nav-group-label{font-size:12px;font-weight:600;color:var(--muted);padding:0 8px 6px}
|
||||
.shell-nav-group{display:flex;flex-direction:column;gap:2px}
|
||||
.shell-nav button{text-align:left;border:0;box-shadow:none;background:transparent;padding:8px;border-radius:var(--radius);font-weight:500}
|
||||
.shell-nav button:hover{background:#fff}
|
||||
.shell-nav button.active{background:var(--text);color:#fff}
|
||||
.shell-stats{margin-top:auto;border-top:1px solid var(--line);padding:16px 12px}
|
||||
.shell-stats-label{font-size:12px;font-weight:600;color:var(--muted);padding:0 4px 8px}
|
||||
.shell-stats .dash-cards{display:flex;flex-direction:column;gap:8px}
|
||||
.shell-stats .dash-card{padding:12px}
|
||||
.shell-stats .dash-card-value{font-size:18px}
|
||||
.shell-main{display:flex;flex-direction:column;min-width:0;min-height:0}
|
||||
.shell-header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line);background:#fff}
|
||||
.shell-header h1{font-size:16px;margin:0}
|
||||
.shell-header .dash-status{font-size:13px;font-weight:600}
|
||||
.shell-header .dash-status.ok{color:var(--success)}
|
||||
.shell-stamp{margin-left:auto}
|
||||
.workspace{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;flex:1;min-height:0}
|
||||
.workspace-rail,.workspace-center,.workspace-inspector{overflow-y:auto;padding:16px;min-width:0}
|
||||
.workspace-rail{border-right:1px solid var(--line);background:#fff}
|
||||
.workspace-rail h2,.workspace-conv h2{font-size:14px;margin:0 0 12px;font-weight:600}
|
||||
.workspace-rail .issue-list{max-height:none}
|
||||
.workspace-center{background:#fff;display:flex;flex-direction:column;gap:16px}
|
||||
.composer-toggle{display:flex}
|
||||
.workspace-conv{flex:1}
|
||||
.workspace-inspector{border-left:1px solid var(--line);background:var(--subtle-bg)}
|
||||
.workspace-inspector .detail-stack{display:flex;flex-direction:column;gap:12px}
|
||||
.detail-tabs{display:flex;gap:4px;flex-wrap:wrap}
|
||||
.detail-tabs button{padding:6px 12px;font-size:13px;font-weight:600}
|
||||
.detail-tabs button.active{background:var(--text);color:#fff;border-color:var(--text)}
|
||||
.page{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;max-width:1100px;width:100%}
|
||||
.page > *{min-width:0}
|
||||
@media (max-width:1100px){
|
||||
.shell{grid-template-columns:1fr;height:auto;min-height:100vh}
|
||||
.shell-side{flex-direction:row;flex-wrap:wrap;align-items:flex-start;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
|
||||
.shell-nav{flex-direction:row;flex-wrap:wrap}
|
||||
.shell-nav-group{flex-direction:row;align-items:center}
|
||||
.shell-stats{display:none}
|
||||
.shell-hide-sm{display:none}
|
||||
.workspace{grid-template-columns:1fr}
|
||||
.workspace-rail,.workspace-inspector{border:0;border-bottom:1px solid var(--line)}
|
||||
}
|
||||
Reference in new issue
Block a user