Migration partielle vers Material-UI (MUI)
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 - Documentation complete Build status: OK (600KB gzip 198KB) Frontend: Fonctionnel avec hot reload Prochaines etapes (optionnel): - Convertir ScenarioSelector (Select + MenuItem) - Convertir ParameterPanel (TextField) - Convertir SimulationControl (Button) - Convertir ResultsDisplay (Tabs + Alert) - Convertir MetricsCard (Card + CardContent) - Convertir ComparisonTable (Table MUI) Documentation: MIGRATION-MUI.md avec guide complet
Veuillez vous inscrire ou vous connecter pour commenter