diff options
Diffstat (limited to 'src/components/Button.tsx')
-rw-r--r-- | src/components/Button.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/Button.tsx b/src/components/Button.tsx index b715ba9..56915d4 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -10,8 +10,8 @@ export interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> { } const variants = { - contained: 'bg-black text-white', - outlined: '', + contained: 'bg-black text-white hover:underline ring-gray-400', + outlined: 'hover:shadow border border-gray-300 ring-gray-200', }; const sizes = { @@ -20,7 +20,7 @@ const sizes = { sm: 'p-3', }; -const style = 'm-3 font-bold tracking-wide hover:underline focus:outline-none border-2 border-black'; +const style = 'm-3 rounded-sm font-semibold focus:outline-none active:ring-2'; const Button: React.FC<Props> = ({ onClick, route, variant = 'contained', size = 'md', type = 'button', ...props }) => { const history = useHistory(); |