diff options
Diffstat (limited to 'src/components/Select.tsx')
| -rw-r--r-- | src/components/Select.tsx | 7 |
1 files changed, 5 insertions, 2 deletions
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 => ( |