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

Visual fixes

Browse source
This commit is contained in:
Mattias 2024-03-16 02:47:17 +01:00 committed by Davenludd
parent 46eebee84f
commit d6d2b6d170
1 changed files with 37 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -40,6 +40,7 @@ export default function Register(): JSX.Element {
}; };
return ( return (
<div className="flex flex-col h-fit w-screen items-center justify-center">
<div className="flex flex-col h-fit w-screen items-center justify-center"> <div className="flex flex-col h-fit 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"> <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
@ -57,22 +58,42 @@ export default function Register(): JSX.Element {
<h3 className="pb-4 mb-2 text-center font-bold text-[18px]"> <h3 className="pb-4 mb-2 text-center font-bold text-[18px]">
Register New User Register New User
</h3> </h3>
<InputField <div className="mb-4">
label="Username" <label
type="text" className="block text-gray-700 text-sm font-sans font-bold mb-2"
value={username} htmlFor="username"
onChange={(e) => { >
setUsername(e.target.value); Username
}} </label>
/> <input
<InputField className="appearance-none border-2 border-black rounded-2xl w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
label="Password" id="username"
type="password" type="text"
value={password} placeholder="Username"
onChange={(e) => { value={username}
setPassword(e.target.value); onChange={(e) => {
}} setUsername(e.target.value);
/> }}
/>
</div>
<div className="mb-6">
<label
className="block text-gray-700 text-sm font-sans font-bold mb-2"
htmlFor="password"
>
Password
</label>
<input
className="appearance-none border-2 border-black rounded-2xl w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
id="password"
type="password"
placeholder="Choose password"
value={password}
onChange={(e) => {
setPassword(e.target.value);
}}
/>
</div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<Button <Button
text="Register" text="Register"