UI 精修:全面视觉评审后的集中打磨(浅色/深色双主题复验通过)

- 层次:浅色底色加深(#e8edf5),侧栏白面板与主区对比清晰
- 按钮:secondary 边框加深 + hover 转 accent;禁用态灰字(不再与启用态混淆)
- 方法标签:GET/POST/PUT/… 七色 chip 着色(14% 底 + 方法色文字)
- 设置弹窗:左导航 active 竖条指示、开关 40px + 阴影圆点 + 弹性动画、分组标题层级提升
- 顶栏:主题按钮前补分隔线;只读输入框不再显示聚焦环
- 侧栏:清空历史危险红样式;官网与价格改为 accent 链接
- 登录弹窗提示文案精简
- 评审方式:主界面(浅)25 条 + Mock 弹窗 + 设置弹窗逐条修复;浅/深主题复验截图评审通过
This commit is contained in:
logan committed 2026-09-18 12:48:47 +08:00
1 parent 0edd3e674a
commit 838f76c21b
4 files changed
+41 -13

No files matched your search

+1
View File
@@ -273,6 +273,7 @@ export function TopBar() {
<div className="mx-1 h-5 w-px" style={{ background: "var(--border)" }} />
<div className="mx-1 h-5 w-px" style={{ background: "var(--border)" }} />
<button
className="ops-btn ops-btn-ghost"
onClick={() => setTheme(settings.theme === "dark" ? "light" : "dark")}