sam/pronounscc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: slightly improve card layout + edit profile page

Browse source
This commit is contained in:
Sam 2023-01-03 00:07:10 +01:00
parent e5723360a7
commit 68939f5e10
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
5 changed files with 46 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/components/Button.tsx
View file

@ -10,6 +10,7 @@ export interface Props {
onClick?: MouseEventHandler<HTMLButtonElement>;
style?: ButtonStyle;
bold?: boolean;
disabled?: boolean;
noRound?: boolean;
children?: ReactNode;
}
@ -33,10 +34,11 @@ function PrimaryButton(props: Props) {
return (
<button
type="button"
disabled={props.disabled}
onClick={props.onClick}
className={`bg-blue-500 dark:bg-blue-500 hover:bg-blue-700 hover:dark:bg-blue-800 p-2 ${
!props.noRound && "rounded-md"
} text-white`}
} ${props.disabled && "cursor-not-allowed"} text-white`}
>
<span className={props.bold ? "font-bold" : ""}>{props.children}</span>
</button>
@ -47,10 +49,11 @@ function SuccessButton(props: Props) {
return (
<button
type="button"
disabled={props.disabled}
onClick={props.onClick}
className={`bg-green-600 dark:bg-green-700 hover:bg-green-700 hover:dark:bg-green-800 p-2 ${
!props.noRound && "rounded-md"
} text-white`}
} ${props.disabled && "cursor-not-allowed"} text-white`}
>
<span className={props.bold ? "font-bold" : ""}>{props.children}</span>
</button>
@ -61,10 +64,11 @@ function DangerButton(props: Props) {
return (
<button
type="button"
disabled={props.disabled}
onClick={props.onClick}
className={`bg-red-600 dark:bg-red-700 hover:bg-red-700 hover:dark:bg-red-800 p-2 ${
!props.noRound && "rounded-md"
} text-white`}
} ${props.disabled && "cursor-not-allowed"} text-white`}
>
<span className={props.bold ? "font-bold" : ""}>{props.children}</span>
</button>