@ -13,8 +13,11 @@ const SelectItem = ({ name, isActive, onClick }) => {
return (
<Button
block
type={isActive ? "primary" : "text"}
className={twMerge("text-left")}
type="text"
className={twMerge(
"text-left",
isActive && "bg-blue hover:bg-blue active:bg-blue focus:bg-blue "
)}
onClick={onClick}
>
{name}
@ -5,7 +5,7 @@ module.exports = {
extend: {
colors: {
'primary': '#CC2222FF',
'primary-light': '',
'blue': '#a8c9ec',
'white-background': 'rgba(255, 255, 255, 0.8)',
'grey': 'rgba(0,0, 0, 0.5)'
},