vojtech.mares/backup-websites-2024-01
Archived
1
0
Fork 0
Code Activity

feat(button): add transition on hover

Browse source
This commit is contained in:
Vojtěch Mareš 2023-01-06 12:43:35 +01:00
parent 6a8c538b90
commit 8b59a823fb
Signed by: vojtech.mares
GPG key ID: C6827B976F17240D
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/Button.tsx
View file

@ -27,6 +27,8 @@ const variantStyles = {
}, },
}; };
const transitionStyle = "transition duration-150 ease-in-out";
const sizeStyles = { const sizeStyles = {
default: "px-4 py-2 text-sm", default: "px-4 py-2 text-sm",
large: "px-8 py-4 text-base", large: "px-8 py-4 text-base",
@ -53,6 +55,7 @@ export function Button({
baseStyles[variant], baseStyles[variant],
variantStyles[variant][color], variantStyles[variant][color],
sizeStyles[size], sizeStyles[size],
transitionStyle,
className className
); );