m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-06-30 13:41:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

Layout fix.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/forms/LoginForm.module.css
View File

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

20
components/layout/Layout.js
View File

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

12
components/layout/Layout.module.css
View File

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