增加基础应用结构。

This commit is contained in:
徐涛
2024-12-25 09:31:46 +08:00
parent ea5803ce7a
commit 97773db59e
4 changed files with 38 additions and 73 deletions

View 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
View 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>
);
}