This commit is contained in:
Belén Curcio
2018-08-21 22:47:39 -03:00
parent ec5cdb5681
commit bace76decc
18 changed files with 38 additions and 78 deletions
+1
View File
@@ -12,4 +12,5 @@
.root {
width: 100%;
padding-top: calc(5 * var(--spacing-unit));
}
@@ -1,9 +1,3 @@
.root {
width: 330px;
padding-top: calc(5 * var(--spacing-unit));
}
.footer {
padding-top: var(--spacing-unit);
width: 100%;
}
@@ -32,7 +32,7 @@ const ForgotPassword: StatelessComponent<ForgotPasswordForm> = props => {
<Form onSubmit={props.onSubmit}>
{({ handleSubmit }) => (
<form autoComplete="off" onSubmit={handleSubmit}>
<Flex itemGutter direction="column" className={styles.root}>
<Flex itemGutter="double" direction="column" className={styles.root}>
<Typography variant="heading1" align="center">
Forgot Password
</Typography>
@@ -62,11 +62,9 @@ const ForgotPassword: StatelessComponent<ForgotPasswordForm> = props => {
</FormField>
)}
</Field>
<div className={styles.footer}>
<Button variant="filled" color="primary" size="large" fullWidth>
Send Email
</Button>
</div>
<Button variant="filled" color="primary" size="large" fullWidth>
Send Email
</Button>
</Flex>
</form>
)}
@@ -1,9 +1,3 @@
.root {
width: 330px;
padding-top: calc(5 * var(--spacing-unit));
}
.footer {
padding-top: var(--spacing-unit);
width: 100%;
}
@@ -35,7 +35,7 @@ const ResetPassword: StatelessComponent<ResetPasswordForm> = props => {
<Form onSubmit={props.onSubmit}>
{({ handleSubmit }) => (
<form autoComplete="off" onSubmit={handleSubmit}>
<Flex itemGutter direction="column" className={styles.root}>
<Flex itemGutter="double" direction="column" className={styles.root}>
<Typography variant="heading1" align="center">
Reset Password
</Typography>
@@ -96,11 +96,9 @@ const ResetPassword: StatelessComponent<ResetPasswordForm> = props => {
</FormField>
)}
</Field>
<div className={styles.footer}>
<Button variant="filled" color="primary" size="large" fullWidth>
Reset Password
</Button>
</div>
<Button variant="filled" color="primary" size="large" fullWidth>
Reset Password
</Button>
</Flex>
</form>
)}
@@ -1,6 +1,5 @@
.root {
width: 330px;
padding-top: calc(5 * var(--spacing-unit));
}
.forgotPassword {
+1 -1
View File
@@ -38,7 +38,7 @@ const SignIn: StatelessComponent<SignInForm> = props => {
<Form onSubmit={props.onSubmit}>
{({ handleSubmit, submitting }) => (
<form autoComplete="off" onSubmit={handleSubmit}>
<Flex itemGutter direction="column" className={styles.root}>
<Flex itemGutter="double" direction="column" className={styles.root}>
<Typography variant="heading1" align="center">
Sign in to join the conversation
</Typography>
@@ -2,7 +2,6 @@
width: 330px;
}
.footer,
.subFooter {
padding-top: var(--spacing-unit);
width: 100%;
+1 -1
View File
@@ -42,7 +42,7 @@ const SignUp: StatelessComponent<SignUpForm> = props => {
<Form onSubmit={props.onSubmit}>
{({ handleSubmit, submitting }) => (
<form autoComplete="off" onSubmit={handleSubmit}>
<Flex itemGutter direction="column" className={styles.root}>
<Flex itemGutter="double" direction="column" className={styles.root}>
<Flex direction="column">
<Typography variant="heading1" align="center">
Sign up to join the conversation