Apple\Apple
0de3f7b2a4
🎨 UI/UX: Replace emoji icons with Semi UI components and enhance card design
BREAKING CHANGE: Replace all emoji icons with Semi UI icons in statistics cards
- Replace emoji icons with corresponding Semi UI icons:
- 💰 -> IconMoneyExchangeStroked
- 📊 -> IconHistogram
- 🔄 -> IconRotate
- 💲 -> IconCoinMoneyStroked
- 🔤 -> IconTextStroked
- 📈 -> IconPulse
- ⏱️ -> IconStopwatchStroked
- 📝 -> IconTypograph
- Add Avatar component as circular background for icons
- Implement color-coded avatars for each statistic card
- Set avatar size to 'medium' for better visual balance
- Add appropriate color mapping for each statistic type
- Adjust layout spacing
- Reduce top margin from mb-6 to mb-4 for better vertical rhythm
- Maintain consistent spacing in card layouts
- Import necessary Semi UI components and icons
- Add Avatar component import
- Add required icon imports from @douyinfe/semi-icons
This change improves the overall UI consistency and professional appearance by adopting Semi UI's design system components.