Bisschen CSS für die Register.tsx #24

growbros-frontend/src/pages/Register.tsx

+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>

growbros-frontend/src/stylesheets/Register.css

+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;
+}