fix(webui): 联系人项改为"每项一张玻璃卡"(补齐上一轮承诺)

上一轮我说过"联系人/会话列表还是老结构,只有 MailList 改了",这条把它补上:

- 联系人项:`rounded-lg border` → `.glass-card`(圆角 14px + 白色玻璃 + 细边框),
  与邮件行、顶部气泡、日历格子同一套语言;
- 会话分组行与邮件行上一轮已经是 `.glass-card`,所以三类列表现在一致了。

实测(自有浏览器,壁纸开,1400×900):联系人页的卡片 `border-radius: 14px`、
底色 `rgba(255,255,255,0.78)`。

另外这一轮我又试了两个"滑动硬截断"的假设,**都不成立**:
- 窄屏日历(月/周/日三种刻度):月与日刻度不溢出;周刻度溢出 208–278px 但
  **有横向滚动条**(`overflow-auto`),不是硬截断;
- 页面级横向溢出:390/320 下都是 0。

所以这条仍然需要用户指路。**而且教训很明确**:上一条"列表与正文之间的大空隙",
我三轮猜都没猜中,用户一张截图我当场就定位了。截图比任何自测量法都快。
This commit is contained in:
2026-09-14 14:31:16 +08:00
parent 2e42aacc07
commit c9717daa13
3 changed files with 180 additions and 2 deletions

View File

@ -226,7 +226,7 @@ function ContactRow({
return (
<div
className={`group px-3 py-2.5 rounded-lg border transition-colors ${
className={`glass-card group px-3 py-2.5 transition-colors ${
active ? 'bg-blue-50 border-blue-200' : 'border-transparent hover:bg-gray-50'
}`}
>