增加基础应用结构。
This commit is contained in:
14
src/pages/MainLayout.module.css
Normal file
14
src/pages/MainLayout.module.css
Normal file
@@ -0,0 +1,14 @@
|
||||
@layer pages {
|
||||
.main_layout {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
}
|
||||
.content {
|
||||
flex: 1 0;
|
||||
}
|
||||
}
|
||||
14
src/pages/MainLayout.tsx
Normal file
14
src/pages/MainLayout.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import { Outlet } from 'react-router-dom';
|
||||
import { NavigationMenu } from '../page-components/navigation/NavigationMenu';
|
||||
import styles from './MainLayout.module.css';
|
||||
|
||||
export function MainLayout() {
|
||||
return (
|
||||
<div className={styles.main_layout}>
|
||||
<NavigationMenu />
|
||||
<div className={styles.content}>
|
||||
<Outlet />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user