Skip to content

fix(threads): 收紧顶栏布局并调整玻璃搜索栏#84

Merged
abraxas914 merged 1 commit intomainfrom
codex/pr-threads-header-glass-tighten
Mar 30, 2026
Merged

fix(threads): 收紧顶栏布局并调整玻璃搜索栏#84
abraxas914 merged 1 commit intomainfrom
codex/pr-threads-header-glass-tighten

Conversation

@abraxas914
Copy link
Copy Markdown
Owner

背景

Threads 顶栏这轮有三个明显问题:

  • 默认态里右侧搜索 / 筛选按钮的 hover 与占宽会过早挤压 first captured today,导致文案很快进入省略。
  • 搜索态玻璃搜索框整体偏大,和下方会话卡片的密度不一致,顶栏有割裂感。
  • 居中 placeholder 的实现方式会把 Search conversations 挤成类似 conversationr 的错误截断观感。

本次修正

  • 重排 Threads 默认态顶栏的左右空间分配,只收紧右侧 icon cluster,不再让 first captured today 过早进入省略。
  • 将搜索态顶栏整体降一档视觉重量:
    • 搜索 header 更紧凑
    • 玻璃胶囊更小、更轻
    • Cancel 降为更弱的次级动作
  • 将搜索输入的空态 placeholder 改为居中 overlay,而不是依赖原生 placeholder 居中,保证:
    • 空态居中
    • 输入后左对齐
    • 不再出现 Search conversationr 这类裁断伪像

非目标

  • 不改搜索逻辑、reducer、repository 或 Reader 行为
  • 不改 filter disclosure 内容区
  • 不改 Threads 卡片主体
  • 不改 floating capsule 或 reader sidecar

验证

  • frontend\\node_modules\\.bin\\tsc.cmd -p frontend\\tsconfig.json --noEmit
  • pnpm -C frontend build
  • pnpm -C vesti-web build

手测重点

  • 默认态下 first captured today 的可读长度明显更长,不再只剩 tod
  • 右侧搜索 / 筛选按钮更紧凑,但 hover/active 仍清晰可点
  • 搜索态玻璃胶囊不再比下方卡片显得宽大割裂
  • Cancel 不再突兀,明显是次级动作
  • Search conversations 空态显示完整,不再出现 conversationr

@abraxas914 abraxas914 merged commit df94869 into main Mar 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant