From 203e00216f4c53e057793017a13bc1acdcf83b87 Mon Sep 17 00:00:00 2001 From: Salman Date: Sat, 16 Mar 2024 17:53:48 +0530 Subject: [PATCH] fix: add highlighted style for select component --- frontend/src/components/v2/Select/Select.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/v2/Select/Select.tsx b/frontend/src/components/v2/Select/Select.tsx index 2b45dceac..5dc4e26bf 100644 --- a/frontend/src/components/v2/Select/Select.tsx +++ b/frontend/src/components/v2/Select/Select.tsx @@ -41,7 +41,7 @@ export const Select = forwardRef( ref={ref} className={twMerge( `inline-flex items-center justify-between rounded-md - bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200`, + bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200 focus:bg-mineshaft-700/80`, className )} > @@ -106,7 +106,7 @@ export const SelectItem = forwardRef( className={twMerge( `relative mb-0.5 flex cursor-pointer select-none items-center rounded-md py-2 pl-10 pr-4 text-sm - outline-none transition-all hover:bg-mineshaft-500`, + outline-none transition-all hover:bg-mineshaft-500 data-[highlighted]:bg-mineshaft-700/80`, isSelected && "bg-primary", isDisabled && "cursor-not-allowed text-gray-600 hover:bg-transparent hover:text-mineshaft-600",