From 046c9af4b34cf572ae834cf6745990828fddcfa2 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
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<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();
-- 
cgit v1.2.3

