Imbus/TTime
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Changed layout for register-component

Browse source
This commit is contained in:
Mattias 2024-03-15 14:16:11 +01:00
parent 7f46202633
commit 6a25eca01c
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/Components/Register.tsx
View file

@ -1,6 +1,7 @@
import { useState } from "react";
import { NewUser } from "../Types/Users";
import { api } from "../API/API";
import Logo from "../assets/Logo.svg";
export default function Register(): JSX.Element {
const [username, setUsername] = useState("");
@ -12,16 +13,21 @@ export default function Register(): JSX.Element {
};
return (
<div>
<div className="w-full max-w-xs">
<div className="flex flex-col h-screen w-screen items-center justify-center">
<div className="border-4 border-black bg-white flex flex-col items-center justify-center h-fit w-fit rounded-3xl content-center pl-20 pr-20">
<form
className="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"
className="bg-white rounded px-8 pt-6 pb-8 mb-4 items-center justify-center flex flex-col w-fit h-fit"
onSubmit={(e) => {
e.preventDefault();
void handleRegister();
}}
>
<h3 className="pb-2">Register new user</h3>
<img
src={Logo}
className="logo w-[7vw] mb-10 mt-10"
alt="TTIME Logo"
/>
<h3 className="pb-2 text-center">Register new user</h3>
<div className="mb-4">
<label
className="block text-gray-700 text-sm font-bold mb-2"