diff --git a/growbros-frontend/src/pages/Register.tsx b/growbros-frontend/src/pages/Register.tsx index 5aa96974a9b99eaa5fa1dc253dc27d11baa39efb..61bfe17aa84a650a3f174147ce66e76dce47480b 100644 --- a/growbros-frontend/src/pages/Register.tsx +++ b/growbros-frontend/src/pages/Register.tsx @@ -1,3 +1,4 @@ +import "../stylesheets/Register.css"; import {FormEvent, useState} from "react"; import {setCookie} from "../jwt/Cookies.ts"; import { useNavigate } from 'react-router-dom'; @@ -46,7 +47,7 @@ function Register() { return ( <main> <div> - <h2>Login</h2> + <h2>Registrierung</h2> <form onSubmit={handleSubmit}> <div> <label>Vorname:</label> @@ -64,13 +65,13 @@ function Register() { onChange={(e) => setLastname(e.target.value)} /> </div> - <div> - <label>Benutzername oder E-Mail:</label> - <input - type="text" - value={email} - onChange={(e) => setEmail(e.target.value)} - /> + <div > + <label>Mailadresse:</label> + <input + type="text" + value={email} + onChange={(e) => setEmail(e.target.value)} + /> </div> <div> <label>Passwort:</label> @@ -80,7 +81,7 @@ function Register() { onChange={(e) => setPassword(e.target.value)} /> </div> - <div> + <div className="submitButton"> <button type="submit">Anmelden</button> </div> </form> diff --git a/growbros-frontend/src/stylesheets/Register.css b/growbros-frontend/src/stylesheets/Register.css new file mode 100644 index 0000000000000000000000000000000000000000..286dbee22b26252de134dd09f585962e379c7011 --- /dev/null +++ b/growbros-frontend/src/stylesheets/Register.css @@ -0,0 +1,35 @@ +main { + display: flex; + justify-content: center; + /*height: 100vh;*/ +} + +form { + display: flex; + flex-direction: column; + width: 600px; + border-radius: 5px; + background-color: dimgrey; +} + +label { + margin:20px; +} + +input { + padding: 8px; + margin-bottom: 16px; + background-color: #e0e0e0; + border: 1px solid #ccc; + border-radius: 3px; +} + +.submitButton { + padding: 10px; + border-radius: 3px; + cursor: pointer; +} +h2 { + padding-top: 50px; + padding-bottom: 10px; +}