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 { useState } from "react";
import { NewUser } from "../Types/Users"; import { NewUser } from "../Types/Users";
import { api } from "../API/API"; import { api } from "../API/API";
import Logo from "../assets/Logo.svg";
export default function Register(): JSX.Element { export default function Register(): JSX.Element {
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
@ -12,16 +13,21 @@ export default function Register(): JSX.Element {
}; };
return ( return (
<div> <div className="flex flex-col h-screen w-screen items-center justify-center">
<div className="w-full max-w-xs"> <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 <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) => { onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
void handleRegister(); 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"> <div className="mb-4">
<label <label
className="block text-gray-700 text-sm font-bold mb-2" className="block text-gray-700 text-sm font-bold mb-2"