- 修正 API 响应类型,增加 ProjectResponse 包装类型 - ConfigProvider 配置中文 locale (zhCN) - 生产入口启用 ErrorBoundary,使用 Result 组件 - ReactQueryDevtools 仅开发环境渲染 - Sider 增加 collapsible 配置,使用 antd 默认折叠行为 - 项目页面拆分为 ProjectToolbar/ProjectTable/ProjectFormModal - 搜索改用 Input.Search,表单增加 whitespace 校验 - 404/ErrorBoundary/Dashboard 使用 antd Result/Typography/Card/Descriptions - 清理未使用的 ProtectedRoute 和冗余样式类 - styles.css 仅保留必要布局样式,无 antd 内部类覆盖 - 更新测试覆盖,避免依赖 antd 内部类名 - 更新 docs/development/frontend.md 开发规范
55 lines
964 B
CSS
55 lines
964 B
CSS
html,
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.app-layout {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.app-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 var(--ant-padding-lg);
|
|
background: var(--ant-color-bg-container);
|
|
border-bottom: 1px solid var(--ant-color-border-secondary);
|
|
}
|
|
|
|
.app-header-left {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--ant-margin-lg);
|
|
}
|
|
|
|
.app-header-right {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--ant-margin-sm);
|
|
}
|
|
|
|
.app-brand-group {
|
|
display: inline-flex;
|
|
align-items: baseline;
|
|
gap: var(--ant-margin-sm);
|
|
}
|
|
|
|
.app-brand {
|
|
margin: 0;
|
|
color: var(--ant-color-text);
|
|
font-size: calc(var(--ant-font-size-heading-1) - 6px);
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
}
|
|
|
|
.app-version {
|
|
color: var(--ant-color-text-quaternary);
|
|
font-size: var(--ant-font-size-sm);
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
}
|
|
|
|
.app-content {
|
|
padding: var(--ant-padding-xl) var(--ant-padding-xl);
|
|
}
|