add hover to locale dropdown

This commit is contained in:
mrjvs 2023-12-01 23:29:24 +01:00
parent 4a7c18e3e8
commit c7b361bcac
2 changed files with 2 additions and 1 deletions

View File

@ -21,7 +21,7 @@ export function Dropdown(props: DropdownProps) {
<Listbox value={props.selectedItem} onChange={props.setSelectedItem}>
{() => (
<>
<Listbox.Button className="relative w-full rounded-lg bg-dropdown-background py-3 pl-3 pr-10 text-left text-white shadow-md focus:outline-none tabbable cursor-pointer">
<Listbox.Button className="relative w-full rounded-lg bg-dropdown-background hover:bg-dropdown-hoverBackground py-3 pl-3 pr-10 text-left text-white shadow-md focus:outline-none tabbable cursor-pointer">
<span className="flex gap-4 items-center truncate">
{props.selectedItem.leftIcon
? props.selectedItem.leftIcon

View File

@ -97,6 +97,7 @@ export const defaultTheme = {
dropdown: {
background: "#171728",
altBackground: "#151525",
hoverBackground: "#202036",
highlight: "#afa349",
highlightHover: "#FCEC61",
text: "#846D95",