mirror of
https://github.com/movie-web/movie-web.git
synced 2024-11-13 10:15:11 +01:00
add hover to locale dropdown
This commit is contained in:
parent
4a7c18e3e8
commit
c7b361bcac
@ -21,7 +21,7 @@ export function Dropdown(props: DropdownProps) {
|
|||||||
<Listbox value={props.selectedItem} onChange={props.setSelectedItem}>
|
<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">
|
<span className="flex gap-4 items-center truncate">
|
||||||
{props.selectedItem.leftIcon
|
{props.selectedItem.leftIcon
|
||||||
? props.selectedItem.leftIcon
|
? props.selectedItem.leftIcon
|
||||||
|
@ -97,6 +97,7 @@ export const defaultTheme = {
|
|||||||
dropdown: {
|
dropdown: {
|
||||||
background: "#171728",
|
background: "#171728",
|
||||||
altBackground: "#151525",
|
altBackground: "#151525",
|
||||||
|
hoverBackground: "#202036",
|
||||||
highlight: "#afa349",
|
highlight: "#afa349",
|
||||||
highlightHover: "#FCEC61",
|
highlightHover: "#FCEC61",
|
||||||
text: "#846D95",
|
text: "#846D95",
|
||||||
|
Loading…
Reference in New Issue
Block a user