From 046c9af4b34cf572ae834cf6745990828fddcfa2 Mon Sep 17 00:00:00 2001 From: eug-vs Date: Thu, 18 Mar 2021 03:54:07 +0300 Subject: feat: improve components style --- src/components/Button.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/components/Button.tsx') 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 { } 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 = ({ onClick, route, variant = 'contained', size = 'md', type = 'button', ...props }) => { const history = useHistory(); -- cgit v1.2.3