Fixed lang picker only working on clicking the flag
This commit is contained in:
parent
8e77d3208b
commit
079611fcdb
|
@ -74,24 +74,25 @@
|
||||||
.service-card-container:hover {
|
.service-card-container:hover {
|
||||||
background-color: #4C40F7;
|
background-color: #4C40F7;
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.service-card-container:hover .service-card-icon {
|
.service-card-container:hover .service-card-icon {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
filter: none;
|
filter: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
color: #4C40F7;
|
color: #4C40F7;
|
||||||
transition-duration: 0.5s;
|
transition-duration: 1s;
|
||||||
}
|
}
|
||||||
.service-card-container:hover .service-card-title {
|
.service-card-container:hover .service-card-title {
|
||||||
color: white;
|
color: white;
|
||||||
transition-duration: 0.5s;
|
transition-duration: 1s;
|
||||||
}
|
}
|
||||||
.service-card-container:hover .service-card-description {
|
.service-card-container:hover .service-card-description {
|
||||||
color: white;
|
color: white;
|
||||||
transition-duration: 0.5s;
|
transition-duration: 1s;
|
||||||
}
|
}
|
||||||
.service-card-container:hover .service-card-button {
|
.service-card-container:hover .service-card-button {
|
||||||
transition-duration: 0.5s;
|
transition-duration: 1s;
|
||||||
background-color: #F3F4F6;
|
background-color: #F3F4F6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -32,12 +32,12 @@ pub fn language_picker(props: &LanguagePickerProps) -> Html {
|
||||||
})
|
})
|
||||||
};
|
};
|
||||||
html! {
|
html! {
|
||||||
<div class={"language-picker-container"}>
|
<div class={"language-picker-container"} onclick={onclick}>
|
||||||
<div onclick={onclick} class={"language-picker-selected-language-display"}>
|
<div class={"language-picker-selected-language-display"}>
|
||||||
{
|
{
|
||||||
match *language_handle {
|
match *language_handle {
|
||||||
Language::EnUs => "🇺🇸",
|
Language::EnUs => "🇺🇸",
|
||||||
Language::EsDo => "🇪🇸",
|
Language::EsDo => "🇩🇴",
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue