Layout fix.

This commit is contained in:
Mike Cao 2020-08-17 17:23:46 -07:00
parent bab70279dd
commit cb9dcc7300
3 changed files with 7 additions and 30 deletions

View File

@ -4,6 +4,11 @@
margin-top: 80px;
}
.login form {
width: 300px;
margin: 0 auto;
}
.icon {
display: flex;
justify-content: center;

View File

@ -1,18 +1,9 @@
import React from 'react';
import classNames from 'classnames';
import Head from 'next/head';
import Header from 'components/layout/Header';
import Footer from 'components/layout/Footer';
import styles from './Layout.module.css';
export default function Layout({
title,
children,
header = true,
footer = true,
center = false,
middle = false,
}) {
export default function Layout({ title, children, header = true, footer = true }) {
return (
<>
<Head>
@ -24,14 +15,7 @@ export default function Layout({
/>
</Head>
{header && <Header />}
<main
className={classNames(styles.layout, 'container', {
[styles.center]: center,
[styles.middle]: middle,
})}
>
{children}
</main>
<main className="container">{children}</main>
{footer && <Footer />}
</>
);

View File

@ -1,12 +0,0 @@
.layout {
display: flex;
flex-direction: column;
}
.center {
align-items: center;
}
.middle {
justify-content: center;
}