1
0

style: 修复前端 UI 细节问题

- 供应商/模型/统计表格增加列宽约束和 ellipsis 省略号
- 修复主题切换按钮在暗色侧边栏中不可见
- 表格添加 scroll 属性防止窄屏溢出
- 自定义表格空状态提示文案
This commit is contained in:
2026-04-16 22:59:26 +08:00
parent 870004af23
commit c5b3d9dfc7
10 changed files with 106 additions and 12 deletions

View File

@@ -67,6 +67,7 @@
- **THEN** 前端 SHALL 在 Sider 底部显示主题切换按钮
- **THEN** 按钮 SHALL 使用 Ant Design Button 组件type="text"
- **THEN** 按钮图标 SHALL 根据当前主题显示(亮色模式显示月亮图标,暗色模式显示太阳图标)
- **THEN** 按钮颜色 SHALL 在暗色侧边栏中保持可见(使用 `rgba(255, 255, 255, 0.85)` 或等效浅色)
#### Scenario: 主题切换按钮交互
@@ -79,6 +80,7 @@
- **WHEN** 侧边栏处于折叠状态
- **THEN** 主题切换按钮 SHALL 保持可见且可点击
- **THEN** 按钮 SHALL 仅显示图标Tooltip 保持可用)
- **THEN** 按钮颜色 SHALL 保持可见
### Requirement: 使用 React Context 管理主题状态