mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-06 10:11:31 +00:00
select component update
This commit is contained in:
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"
|
||||
)
|
||||
|
||||
Reference in new issue
Block a user