console: 任务列表与 API Key 加滚动上限,左中右栏等高

任务列表与 Key 列表此前无高度上限:任务一多就把整栏
(乃至整页)撑到无限高,左中右栏又因 align-items:start
各按内容高度结束,底部参差不齐。
改法(仅宽/中屏,窄屏 <900px 仍是单列页面滚动,不动):
- .issue-list 上限 60vh、内部纵向滚动,搜索/筛选栏在
  列表外、滚动时仍可见;.api-key-list 上限 320px、内部
  滚动;两处均 overscroll-behavior:contain,不让列表
  滚动直接拖动整页。
- 三栏固定为同一高度:calc(100vh - 260px)(减顶栏、
  数据卡片与页面边距),下限 480px,超出的部分各栏
  自己内部滚动;网格 align-items 改为 stretch。
This commit is contained in:
host committed 2026-10-30 01:40:57 +08:00
1 parent c192c5dec8
commit 41c2b0ab2f
3 files changed
+24 -5

No files matched your search

@@ -127,7 +127,7 @@ export default function ApiKeySection() {
)}
{msg && <div><span className="muted">{msg}</span></div>}
{err && <div><span>{err}</span></div>}
<div>
<div className="api-key-list">
{rows.length === 0 && <span className="muted">暂无 key(或列表加载失败,见上方报错)。</span>}
{rows.map((row) => (
<div key={row.id}>