28 lines
1.3 KiB
Markdown
28 lines
1.3 KiB
Markdown
|
# UI Modernization & Standardization Plan
|
||
|
|
|
||
|
|
## Stage 1: Foundation (Global Theme & Layout)
|
||
|
|
**Goal**: Establish a consistent visual base and layout structure.
|
||
|
|
**Success Criteria**:
|
||
|
|
- Global `ConfigProvider` with a modern theme (v5 tokens).
|
||
|
|
- A reusable `MainLayout` component replacing duplicated header/sidebar logic.
|
||
|
|
- Unified navigation experience across Admin and User dashboards.
|
||
|
|
**Status**: Complete
|
||
|
|
|
||
|
|
## Stage 2: Component Standardization
|
||
|
|
**Goal**: Replace custom, inconsistent components with Ant Design standards.
|
||
|
|
**Success Criteria**:
|
||
|
|
- `ListTable` and `DataTable` replaced by `antd.Table`. (Complete)
|
||
|
|
- `FormModal` and `ConfirmDialog` replaced by `antd.Modal`. (Complete)
|
||
|
|
- `Toast` and custom notifications replaced by `antd.message` and `antd.notification`. (Complete)
|
||
|
|
- Custom `Dropdown`, `Breadcrumb`, and `PageLoading` replaced by `antd` equivalents. (Complete)
|
||
|
|
**Status**: Complete
|
||
|
|
|
||
|
|
## Stage 3: Visual Polish & UX
|
||
|
|
**Goal**: Enhance design details and interactive experience.
|
||
|
|
**Success Criteria**:
|
||
|
|
- Modernized dashboard cards with subtle shadows and transitions. (Complete)
|
||
|
|
- Standardized `Empty` states and `Skeleton` loaders. (Complete)
|
||
|
|
- Responsive design improvements for various screen sizes. (Complete)
|
||
|
|
- Clean up redundant CSS files and components. (In Progress)
|
||
|
|
**Status**: In Progress
|