malmert
ea9d79f671
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.
30 lines
800 B
TypeScript
30 lines
800 B
TypeScript
import { Layout } from 'antd';
|
|
import { useState } from 'react';
|
|
import { Outlet } from 'react-router-dom';
|
|
import './App.css';
|
|
import { AppFooter } from './Layout/Footer';
|
|
import AppHeader from './Layout/Header';
|
|
import Sidebar from './Layout/Sidebar';
|
|
|
|
const { Content, Footer } = Layout;
|
|
|
|
export default function App() {
|
|
const [collapsed, setCollapsed] = useState(false);
|
|
return (
|
|
<>
|
|
<Layout style={{ minHeight: '100vh' }}>
|
|
<AppHeader />
|
|
<Layout>
|
|
<Sidebar collapsed={collapsed} onCollapse={setCollapsed} />
|
|
<Layout style={{ padding: '24px' }}>
|
|
<Content style={{ minHeight: 'calc(100vh - 64px)' }}>
|
|
<Outlet />
|
|
</Content>
|
|
</Layout>
|
|
</Layout>
|
|
</Layout>
|
|
<AppFooter />
|
|
</>
|
|
);
|
|
}
|