blob: 2c33bd77d64eedb7c3cd0313f06e35b9582cc2b8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
import { NavBar } from '../components/navbar';
import { CenteredPage } from '../components/page';
import { Vierkant, Input, Button } from '../components/ui';
export default function LoginPage() {
return (
<div>
<NavBar/>
<CenteredPage width={500} style={{ height: "100vh" }}>
<div style={{
position: "relative",
top: "50%",
transform: "translateY(-50%)",
margin: "0 auto",
textAlign: "center"
}}>
<Vierkant>
<Input label="email of gebruikersnaam" style={{ marginBottom: 12 }}></Input>
<Input label="wachtwoord" type="password"></Input>
<div style={{
marginTop: 24,
gridGap: 24,
display: "grid",
gridTemplateColumns: "1fr 1fr"
}}>
<Button text="Registreren" style={{ backgroundColor: "var(--background-alt)" }} onclick={() => window.location.pathname = "/register"}></Button>
<Button text="Inloggen"></Button>
</div>
</Vierkant>
</div>
</CenteredPage>
</div>
);
}
|