Skip to content
Snippets Groups Projects
Commit 62e0fc72 authored by Jonas Braathen's avatar Jonas Braathen
Browse files

Fix space between login boxes on front page

parent ea2882ad
No related branches found
No related tags found
1 merge request!337Fix space between login boxes on front page
Pipeline #143310 passed
...@@ -11,35 +11,30 @@ export default function LoginPage() { ...@@ -11,35 +11,30 @@ export default function LoginPage() {
return ( return (
<Page> <Page>
<Container
sx={{
marginTop: '4rem',
}}
>
<Typography variant="h1" sx={{ paddingBottom: '1rem' }}>
{t('header')}
</Typography>
<Typography variant="body1" sx={{ paddingBottom: '2rem' }}>
{t('description', { inst: instNameUpperCaser(appInst) })}
</Typography>
</Container>
<Container <Container
maxWidth="md" maxWidth="md"
sx={{ sx={{
display: 'flex', display: 'flex',
flexDirection: 'column', justifyContent: 'space-between',
marginTop: '4rem', flexDirection: { xs: 'column', md: 'row' },
alignItems: 'center',
marginBottom: '10rem', marginBottom: '10rem',
}} }}
> >
<Container> <LoginBox header={t('sponsor')} info={t('sponsorInfo')} />
<Typography variant="h1" sx={{ paddingBottom: '1rem' }}> <LoginBox header={t('guest')} info={t('guestInfo')} />
{t('header')}
</Typography>
<Typography variant="body1" sx={{ paddingBottom: '2rem' }}>
{t('description', { inst: instNameUpperCaser(appInst) })}
</Typography>
</Container>
<Container
sx={{
display: 'flex',
justifyContent: 'space-between',
flexDirection: { xs: 'column', md: 'row' },
alignItems: 'center',
}}
>
<LoginBox header={t('sponsor')} info={t('sponsorInfo')} />
<LoginBox header={t('guest')} info={t('guestInfo')} />
</Container>
</Container> </Container>
</Page> </Page>
) )
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment