Commit 904278cf rédigé par Hamadou Ba's avatar Hamadou Ba
Parcourir les fichiers

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
parent 58925932
Prend en charge le Markdown
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message !
Veuillez vous inscrire ou vous pour commenter