diff --git a/web/static/dev.html b/web/static/dev.html index 81190f5..b1c4a30 100644 --- a/web/static/dev.html +++ b/web/static/dev.html @@ -558,8 +558,9 @@ gap: 3px; vertical-align: 1px; } .badge.wx svg { width: 11px; height: 11px; fill: currentColor; display: block; } /* 渠道镜像卡片(微信 / 企业微信):固定在「新建任务」下,绿调入口,与普通任务列表分离。 - 并排放(flex row,各 flex:1)省纵向空间;窄栏内图标左、名称/条数时间堆两行。 - 三态:未绑定(cc-placeholder)、已绑定无对话(cc-placeholder)、已绑定有对话(active 高亮) */ + 并排放(flex row,各 flex:1)省纵向空间;窄栏内卡片左大右小:左侧占主空间(点开对话), + 右侧「⚙」固定宽度(点开弹框)。三态:未绑定(cc-placeholder)、已绑定无对话(cc-placeholder)、 + 已绑定有对话(active 高亮)。 */ #channel-cards { padding: 6px 12px 2px; display: flex; gap: 6px; } #channel-cards:empty { display: none; } .channel-card { flex: 1; min-width: 0; display: flex; align-items: center; gap: 7px; padding: 7px 9px; @@ -570,11 +571,14 @@ .channel-card .cc-icon { width: 18px; height: 18px; border-radius: 5px; background: #07C160; color: #fff; display: inline-flex; align-items: center; justify-content: center; flex: none; } .channel-card .cc-icon svg { width: 12px; height: 12px; fill: currentColor; display: block; } - .channel-card .cc-body { min-width: 0; display: flex; flex-direction: column; gap: 1px; } + .channel-card .cc-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } .channel-card .cc-name { font-weight: 600; font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .channel-card .cc-meta { color: var(--muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .channel-card .cc-action { width: 28px; height: 28px; flex: none; display: inline-flex; align-items: center; + justify-content: center; border-radius: 6px; color: var(--muted); font-size: 14px; cursor: pointer; } + .channel-card .cc-action:hover { background: rgba(7,193,96,.12); color: #07C160; } .empty { padding: 24px; color: var(--muted); text-align: center; font-size: 13px; } /* ───── chat ───── */ diff --git a/web/static/js/chat.js b/web/static/js/chat.js index b02f4b9..aac2f0e 100644 --- a/web/static/js/chat.js +++ b/web/static/js/chat.js @@ -216,18 +216,19 @@ export async function loadChannelCards() { `; } else if (!t) { - // 已绑定但还没首条消息(无 task):占位卡片,提示发消息后可打开,⚙ 打开弹框管理 + // 已绑定但还没首条消息(无 task):占位卡片,提示发消息后可打开,右侧 ⚙ 管理 html = `