feat: sidebar.

This commit is contained in:
Ivan Li
2021-05-01 23:10:28 +08:00
parent 3d2982b846
commit d22f8075a2
9 changed files with 286 additions and 20 deletions

6
pages/_app.module.css Normal file
View File

@@ -0,0 +1,6 @@
.page {
@apply flex;
}
.sidebar {
@apply md:w-64 w-32;
}

View File

@@ -1,8 +1,16 @@
import '../styles/globals.css'
import "tailwindcss/tailwind.css";
import React from 'react';
import { GlobalSidebar } from '../components/layouts/global-sidebar';
import styles from './_app.module.css';
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
return (
<div className={styles.page}>
<GlobalSidebar className={styles.sidebar} />
<Component {...pageProps} />
</div>
);
}
export default MyApp