refactor: migrate from MUI to Ant Design for layout and components
All checks were successful
Build and Deploy MITM Webserver / build (push) Successful in 16s
All checks were successful
Build and Deploy MITM Webserver / build (push) Successful in 16s
- Updated package.json to remove MUI dependencies and add Ant Design. - Refactored App component to use Ant Design's Layout, Header, Footer, and Sidebar. - Created new Footer, Header, and Sidebar components using Ant Design. - Removed old Header component that used MUI. - Updated Home component to use Ant Design's Typography and Button. - Added global styles in index.less and theme styles in theme.less and layout.less. - Removed MUI theme configuration and replaced it with Ant Design's theming.
This commit is contained in:
@@ -1,14 +1,10 @@
|
||||
import { Container, Typography, Button } from "@mui/material";
|
||||
import { Button, Typography } from 'antd';
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<Container style={{ textAlign: "center", marginTop: "4rem" }}>
|
||||
<Typography variant="h4" gutterBottom>
|
||||
🚀 Hello MUI + React
|
||||
</Typography>
|
||||
<Button variant="contained" color="primary">
|
||||
Klick mich!
|
||||
</Button>
|
||||
</Container>
|
||||
<>
|
||||
<Typography>🚀 Hello MUI + React</Typography>
|
||||
<Button color="primary">Klick mich!</Button>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user