UI 精修:全面视觉评审后的集中打磨(浅色/深色双主题复验通过)
- 层次:浅色底色加深(#e8edf5),侧栏白面板与主区对比清晰 - 按钮:secondary 边框加深 + hover 转 accent;禁用态灰字(不再与启用态混淆) - 方法标签:GET/POST/PUT/… 七色 chip 着色(14% 底 + 方法色文字) - 设置弹窗:左导航 active 竖条指示、开关 40px + 阴影圆点 + 弹性动画、分组标题层级提升 - 顶栏:主题按钮前补分隔线;只读输入框不再显示聚焦环 - 侧栏:清空历史危险红样式;官网与价格改为 accent 链接 - 登录弹窗提示文案精简 - 评审方式:主界面(浅)25 条 + Mock 弹窗 + 设置弹窗逐条修复;浅/深主题复验截图评审通过
This commit is contained in:
1 parent
0edd3e674a
commit
838f76c21b
4 files changed
+41
-13
No files matched your search
@@ -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")}
|
||||
|
||||
Reference in new issue
Block a user