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

Update button styles and add type prop

Browse source
This commit is contained in:
Davenludd 2024-03-15 14:30:45 +01:00
parent 6a25eca01c
commit a49cfc9f01
3 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/Components/Button.tsx
View file

@ -1,14 +1,17 @@
function Button({
text,
onClick,
type,
}: {
text: string;
onClick: () => void;
type: "submit" | "button" | "reset";
}): JSX.Element {
return (
<button
onClick={onClick}
className="inline-block py-1 px-8 font-bold bg-orange-500 text-white border-2 border-black rounded-full cursor-pointer mt-5 mb-5 transition-colors duration-10 hover:bg-orange-600 hover:text-gray-300 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 4vh;"
type={type}
>
{text}
</button>

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

@ -66,7 +66,7 @@ export default function Register(): JSX.Element {
</div>
<div className="flex items-center justify-between">
<button
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
className="inline-block py-1 px-8 font-bold bg-orange-500 text-white border-2 border-black rounded-full cursor-pointer mt-5 mb-5 transition-colors duration-10 hover:bg-orange-600 hover:text-gray-300 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 4vh;"
type="submit"
>
Register

2
frontend/src/Pages/LoginPage.tsx
View file

@ -67,6 +67,7 @@ function LoginPage(): JSX.Element {
onClick={(): void => {
return;
}}
type="button"
/>
</Link>
<Link to="/register">
@ -75,6 +76,7 @@ function LoginPage(): JSX.Element {
onClick={(): void => {
return;
}}
type="button"
/>
</Link>
</div>