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/Select.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/components/Select.tsx')

diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index 595208d..6b04e20 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -11,14 +11,17 @@ export interface Props extends React.SelectHTMLAttributes<HTMLSelectElement> {
   options: Option[];
 }
 
+const focusStyles = 'focus:outline-none focus:shadow focus:border-gray-400';
+const baseStyles = 'p-2 border bg-white border-gray-300 rounded-sm';
+
 const SelectBase: React.FC<Props> = ({ label, options, ...props }) => {
   return (
     <div className="m-2 mb-4 flex flex-col">
-      <label htmlFor={props?.name} className="mb-1 text-gray-700">{label}</label>
+      <label htmlFor={props?.name} className="mb-1 text-sm text-gray-600">{label}</label>
       <select
         id={props?.name}
         placeholder={label}
-        className="p-2 border-2 border-black bg-white focus:outline-none"
+        className={`${baseStyles} ${focusStyles}`}
         {...props}
       >
         {options?.map(option => (
-- 
cgit v1.2.3

