pixel perfect signup form
This commit is contained in:
parent
c5b6b9b864
commit
de04c2a92c
|
@ -2,7 +2,6 @@ import { Paper, styled } from '@mui/material';
|
||||||
|
|
||||||
const FormPaper = styled(Paper)(({ theme }) => ({
|
const FormPaper = styled(Paper)(({ theme }) => ({
|
||||||
padding: theme.spacing(4, 2),
|
padding: theme.spacing(4, 2),
|
||||||
maxWidth: '360px',
|
|
||||||
marginRight: theme.spacing(10),
|
marginRight: theme.spacing(10),
|
||||||
[theme.breakpoints.down('md')]: {
|
[theme.breakpoints.down('md')]: {
|
||||||
marginRight: theme.spacing(5),
|
marginRight: theme.spacing(5),
|
||||||
|
|
|
@ -157,7 +157,7 @@ export default function SignUp(props: SignUpProps) {
|
||||||
helperText={errors.confirm}
|
helperText={errors.confirm}
|
||||||
disabled={loading}
|
disabled={loading}
|
||||||
/>
|
/>
|
||||||
<FormGroup>
|
<FormGroup sx={{ width: '100%' }}>
|
||||||
<FormControlLabel
|
<FormControlLabel
|
||||||
sx={{
|
sx={{
|
||||||
color: 'text.secondary',
|
color: 'text.secondary',
|
||||||
|
@ -170,7 +170,7 @@ export default function SignUp(props: SignUpProps) {
|
||||||
onChange={(e) =>
|
onChange={(e) =>
|
||||||
setAcceptTerms(e.target.checked)
|
setAcceptTerms(e.target.checked)
|
||||||
}
|
}
|
||||||
color="success"
|
color="accent"
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
label={constants.TERMS_AND_CONDITIONS()}
|
label={constants.TERMS_AND_CONDITIONS()}
|
||||||
|
@ -187,7 +187,7 @@ export default function SignUp(props: SignUpProps) {
|
||||||
</Formik>
|
</Formik>
|
||||||
<Divider />
|
<Divider />
|
||||||
<FormPaperFooter>
|
<FormPaperFooter>
|
||||||
<LinkButton onClick={props.login} color={'text.secondary'}>
|
<LinkButton onClick={props.login}>
|
||||||
{constants.ACCOUNT_EXISTS}
|
{constants.ACCOUNT_EXISTS}
|
||||||
</LinkButton>
|
</LinkButton>
|
||||||
</FormPaperFooter>
|
</FormPaperFooter>
|
||||||
|
|
|
@ -18,7 +18,7 @@ const SubmitButton: FC<ButtonProps<'button', Props>> = ({
|
||||||
size="large"
|
size="large"
|
||||||
sx={{ my: 4, p: '12.25px', fontSize: '18px' }}
|
sx={{ my: 4, p: '12.25px', fontSize: '18px' }}
|
||||||
variant="contained"
|
variant="contained"
|
||||||
color="success"
|
color="accent"
|
||||||
type="submit"
|
type="submit"
|
||||||
fullWidth={!inline}
|
fullWidth={!inline}
|
||||||
disabled={loading || disabled}>
|
disabled={loading || disabled}>
|
||||||
|
|
|
@ -33,7 +33,7 @@ export default function SignUpPage() {
|
||||||
{loading ? (
|
{loading ? (
|
||||||
<EnteSpinner />
|
<EnteSpinner />
|
||||||
) : (
|
) : (
|
||||||
<FormPaper>
|
<FormPaper sx={{ minWidth: '360px' }}>
|
||||||
<SignUp login={login} />
|
<SignUp login={login} />
|
||||||
</FormPaper>
|
</FormPaper>
|
||||||
)}
|
)}
|
||||||
|
|
Loading…
Reference in a new issue