aboutsummaryrefslogtreecommitdiff
path: root/pages/register.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'pages/register.tsx')
-rw-r--r--pages/register.tsx38
1 files changed, 19 insertions, 19 deletions
diff --git a/pages/register.tsx b/pages/register.tsx
index f78d092..90dab3e 100644
--- a/pages/register.tsx
+++ b/pages/register.tsx
@@ -89,34 +89,34 @@ export default function RegisterPage() {
<div>
<NavBar />
<CenteredPage width={500} style={{ height: '100vh' }}>
- <div
- style={{
- position: 'relative',
- top: '50%',
- transform: 'translateY(-50%)',
- margin: '0 auto',
- textAlign: 'center',
- }}
- >
- <Vierkant>
+ <div className='posrel center centeredForm'>
+ <Vierkant className='pad-l'>
<form onSubmit={(e) => submitRegister(e, toast)}>
<Input
autofocus
autocomplete='username'
id='username'
label='gebruikersnaam'
- style={{ marginBottom: 12 }}
- >
- </Input>
- <Input autocomplete='email' id='email' label='email' style={{ marginBottom: 12 }}></Input>
- <Input autocomplete='new-password' id='password' label='wachtwoord' type='password'></Input>
+ className='pad-m fullwidth bg-900 round-t'
+ />
+ <Input
+ autocomplete='email'
+ id='email'
+ label='email'
+ className='pad-m fullwidth bg-900 round-t'
+ />
+ <Input
+ autocomplete='new-password'
+ id='password'
+ label='wachtwoord'
+ type='password'
+ className='pad-m fullwidth bg-900 round-t'
+ />
<Button
text='Registreren'
- style={{ marginTop: 24 }}
onclick={() => submitRegister(null, toast)}
- >
- </Button>
- <input type='submit' style={{ display: 'none' }} />
+ />
+ <input type='submit' className='dispnone' />
</form>
</Vierkant>
</div>