select component update

This commit is contained in:
bflatastic committed 2025-04-22 00:34:23 +07:00
1 parent 5e3b895041
commit 243a19e7a9
1 file changed
+2 -2
@@ -37,7 +37,7 @@ export const Select = ({
<>
<ListboxButton
id={id}
className="relative h-10 w-full cursor-pointer rounded-md bg-secondary py-2 pl-3 pr-10 text-left outline-none outline-offset-0 transition-all duration-150 ease-in-out sm:text-sm focus:!outline-none"
className="relative h-10 w-full cursor-pointer rounded-md bg-secondary py-2 pl-3 pr-10 text-left outline-none outline-offset-0 transition-all duration-150 ease-in-out sm:text-sm focus:!outline-none hover:bg-secondary hover:[filter:brightness(1.2)]"
>
<span
className={twMerge("block truncate", !value && "opacity-50")}
@@ -63,7 +63,7 @@ export const Select = ({
className={({ focus, selected }) =>
twMerge(
"relative cursor-pointer select-none py-2 pl-7 pr-2 text-white transition-all duration-150 ease-in-out",
focus && "bg-white/5 text-white",
focus && "bg-white/[8%] text-white",
selected && "bg-primary/40",
!selected && "text-white/90"
)