From 92bd60b5ce370b7ffc970a85bb4cbf2ed4706d46 Mon Sep 17 00:00:00 2001
From: Hannah <hz018@hdm-stuttgart.de>
Date: Tue, 28 Nov 2023 11:02:09 +0100
Subject: [PATCH] =?UTF-8?q?Bisschen=20CSS=20f=C3=BCr=20die=20Register.tsx?=
=?UTF-8?q?=20#24?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
growbros-frontend/src/pages/Register.tsx | 19 +++++-----
.../src/stylesheets/Register.css | 35 +++++++++++++++++++
2 files changed, 45 insertions(+), 9 deletions(-)
create mode 100644 growbros-frontend/src/stylesheets/Register.css
diff --git a/growbros-frontend/src/pages/Register.tsx b/growbros-frontend/src/pages/Register.tsx
index 5aa9697..61bfe17 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 0000000..286dbee
--- /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;
+}
--
GitLab