style: 修复前端 UI 细节问题
- 供应商/模型/统计表格增加列宽约束和 ellipsis 省略号 - 修复主题切换按钮在暗色侧边栏中不可见 - 表格添加 scroll 属性防止窄屏溢出 - 自定义表格空状态提示文案
This commit is contained in:
@@ -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 管理主题状态
|
||||
|
||||
|
||||
Reference in New Issue
Block a user