mirror of
https://github.com/Sagit-chu/flvx.git
synced 2026-09-28 07:36:38 +08:00
sagit
10 lines
600 B
Markdown
10 lines
600 B
Markdown
# 047 - Beautify Monitor Tab
|
|
|
|
## Goal
|
|
Redesign the node monitoring cards in the Monitor tab (监控标签) to make them more visually appealing. Incorporate a dynamic, clean layout mimicking the Nezha monitoring dashboard.
|
|
|
|
## Tasks
|
|
- [x] Redesign `ServerCard` in `vite-frontend/src/pages/node/monitor-view.tsx` with gradients, neon statuses, clean layout, up/down arrows for speeds.
|
|
- [x] Update the realtime KPI cards in the Monitor detailed view to have subtle gradients and dynamically colored text.
|
|
- [x] Fix TypeScript linting issues with `Progress` component colors (`classNames` vs `color`).
|