muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

login form alignment

Browse source
This commit is contained in:
muerwre 2019-04-04 17:53:46 +07:00
parent 8071a1644c
commit fae7effeb3
3 changed files with 36 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/containers/LoginLayout/index.tsx
View file

@ -1,13 +1,16 @@
import * as React from 'react';
import { LoginForm } from '$components/login/LoginForm';
import { MainLayout } from "$containers/MainLayout";
import { Header } from "$components/main/Header";
const style = require('./style.scss');
export const LoginLayout: React.FunctionComponent<{}> = () => (
<MainLayout>
<div className="default_container">
<div className={style.wrapper}>
<div className={style.header}>
<Header />
</div>
<div className={style.container}>
<LoginForm />
</div>
</MainLayout>
</div>
);

17
src/containers/LoginLayout/style.scss
View file

@ -1,5 +1,20 @@
.container {
.wrapper {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
align-items: stretch;
}
.header {}
.container {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
justify-self: stretch;
}
.form {