- 31 déc., 2025 1 validation
-
-
Hamadou Ba a écrit
Remplacement de Tailwind CSS par Material-UI pour un design plus professionnel. 1. Installation MUI: - @mui/material @mui/icons-material - @emotion/react @emotion/styled (styling engine) 2. Configuration theme (theme.ts): - Palette couleurs (primary=bleu, secondary=violet) - Typography (Roboto font family) - Components overrides (buttons, cards) - Border radius 8px 3. Main.tsx: - ThemeProvider wrapping App - CssBaseline pour reset CSS Material 4. Dashboard refactorise (100% MUI): - AppBar + Toolbar (header professionnel) - Container responsive (maxWidth xl) - Paper elevation pour cartes (ombres) - Typography pour textes (h6, caption, body2) - Alert avec IconButton pour erreurs - Stack + Box pour layout flexbox - Icons: ScienceIcon, CloseIcon Avantages MUI: - Design Material cohérent et professionnel - Composants accessibles (ARIA) - Animations fluides - Theme customizable - TypeScript support excellent - Document...
-