Add base app
This commit is contained in:
6
components/layout/home/HomeLayout.module.scss
Normal file
6
components/layout/home/HomeLayout.module.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
.root {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 3fr 1fr;
|
||||
max-width: 60%;
|
||||
margin: 0 auto;
|
||||
}
|
21
components/layout/home/HomeLayout.tsx
Normal file
21
components/layout/home/HomeLayout.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
import { FC, ReactElement } from 'react'
|
||||
import { inspect } from 'util'
|
||||
import styles from './HomeLayout.module.scss'
|
||||
|
||||
interface HomeLayoutProps {
|
||||
page: string
|
||||
}
|
||||
const HomeLayout: FC<HomeLayoutProps> = (props) => {
|
||||
return (
|
||||
<div className={styles.root + ' space-x-6 pt-14'}>
|
||||
<h1 className="text-2xl space-x-2">
|
||||
<span>Wishes</span>
|
||||
<span>/</span>
|
||||
<span>{props.page}</span>
|
||||
</h1>
|
||||
<main className="pt-20">{props.children}</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default HomeLayout
|
Reference in New Issue
Block a user