Fixed lang picker only working on clicking the flag

This commit is contained in:
Franklin 2023-04-28 08:28:37 -04:00
parent 8e77d3208b
commit 079611fcdb
2 changed files with 8 additions and 7 deletions

View File

@ -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;
} }

View File

@ -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>