Commit b9603d77 by luoqi

fix(助手): 主管说的话用品牌主色 + 「待分配」封高度自己滚

气泡:bg-slate-800 → bg-brand-600。助手那侧是白底,主管这侧是这一屏
唯一的实色块,中性深灰把这个位置浪费了。

待分配:实测 30 条撑到 997px,底下的「确认分配」被顶到三屏开外,
而主管八成是扫两眼就去点确认的。max-h-60(约 7 条)+ overscroll-contain
(滚到底不把消息区一起带着滚,手上正拖着人的时候尤其乱)。
 没用固定高度:人少时留白会像"还有内容没加载出来"。
拖拽自动滚动不受影响 —— scrollerRef 从卡片 parentElement 往上找,找不到这个 ul。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
parent ee382c07
...@@ -1298,7 +1298,17 @@ export function AssignmentConfirmSheet({ ...@@ -1298,7 +1298,17 @@ export function AssignmentConfirmSheet({
)} )}
</div> </div>
{pendingOpen && ( {pendingOpen && (
<ul className="space-y-px px-2 pb-2"> /*
⚠️ **封高度 + 自己滚**:待分配一次能有几十上百人(实测 30+),
不封的话这一组能把整张确认单撑到几屏高,底下的「确认」按钮被顶得找不着 ——
而主管八成是先看两眼就去点确认的。
⚠️ `overscroll-contain`:滚到底不要把助手窗的消息区**一起带着滚**
(滚动链穿透,手上正拖着人的时候尤其乱)。
⛔ 别改成固定高度:人少的时候会留一块空白,那反而像"还有内容没加载出来"。
⚠️ 拖拽自动滚动**不受影响** —— `scrollerRef` 是从卡片的 parentElement 往上找的,
找不到这个 ul(见上面那段 effect)。
*/
<ul className="max-h-60 space-y-px overflow-y-auto overscroll-contain px-2 pb-2">
{pendingList.map((p) => ( {pendingList.map((p) => (
<li <li
key={p.planId} key={p.planId}
......
...@@ -448,7 +448,9 @@ function MessageView({ ...@@ -448,7 +448,9 @@ function MessageView({
if (message.role === 'user') { if (message.role === 'user') {
return ( return (
<div className="flex justify-end gap-2.5"> <div className="flex justify-end gap-2.5">
<div className="max-w-[80%] rounded-2xl rounded-tr-sm bg-slate-800 px-3.5 py-2 text-[13.5px] leading-relaxed text-white"> {/* ⚠️ 主管说的话用**品牌主色**(PANTONE 286 C),⛔ 别用中性深灰:
助手那边是白底,这一侧是唯一的实色块 —— 它就是这一屏的主色出场位。 */}
<div className="max-w-[80%] rounded-2xl rounded-tr-sm bg-brand-600 px-3.5 py-2 text-[13.5px] leading-relaxed text-white">
{message.blocks.map((b) => (b.kind === 'text' ? b.text : '')).join('')} {message.blocks.map((b) => (b.kind === 'text' ? b.text : '')).join('')}
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment