💄 Fix conflicts regarding the generated CSS class names
This commit is contained in:
@@ -375,14 +375,14 @@ pub fn Login<'a>(cx: Scope<'a, LoginProps>) -> Element<'a> {
|
||||
let avatar = match random_avatar_future.value() {
|
||||
Some(Some(svg)) => {
|
||||
rsx!(div {
|
||||
class: ClassName::CONTENT,
|
||||
class: ClassName::LOGIN_FORM_PHOTO_CONTENT,
|
||||
dangerous_inner_html: svg.as_str(),
|
||||
})
|
||||
}
|
||||
Some(None) | None => {
|
||||
warn!("No profile image set or generated, display the placeholder");
|
||||
rsx!(div {
|
||||
class: ClassName::CONTENT,
|
||||
class: ClassName::LOGIN_FORM_PHOTO_CONTENT,
|
||||
img {
|
||||
src: "./images/login-profile-placeholder.svg"
|
||||
}
|
||||
@@ -468,13 +468,13 @@ pub fn Login<'a>(cx: Scope<'a, LoginProps>) -> Element<'a> {
|
||||
Wallpaper {},
|
||||
|
||||
div {
|
||||
class: ClassName::ROOT,
|
||||
class: ClassName::LOGIN,
|
||||
|
||||
div {
|
||||
class: "{form_classes_str}",
|
||||
|
||||
div {
|
||||
class: ClassName::PHOTO,
|
||||
class: ClassName::LOGIN_FORM_PHOTO,
|
||||
|
||||
onclick: move |_| {
|
||||
random_avatar_future.restart()
|
||||
@@ -484,7 +484,7 @@ pub fn Login<'a>(cx: Scope<'a, LoginProps>) -> Element<'a> {
|
||||
},
|
||||
|
||||
div {
|
||||
class: ClassName::HOMESERVER,
|
||||
class: ClassName::LOGIN_FORM_HOMESERVER,
|
||||
TextInput {
|
||||
id: "hs_url",
|
||||
r#type: "text",
|
||||
@@ -497,7 +497,7 @@ pub fn Login<'a>(cx: Scope<'a, LoginProps>) -> Element<'a> {
|
||||
},
|
||||
|
||||
div {
|
||||
class: ClassName::ID,
|
||||
class: ClassName::LOGIN_FORM_ID,
|
||||
TextInput {
|
||||
r#type: "text",
|
||||
placeholder: "{id_placeholder}",
|
||||
@@ -533,21 +533,21 @@ pub fn Login<'a>(cx: Scope<'a, LoginProps>) -> Element<'a> {
|
||||
},
|
||||
|
||||
div {
|
||||
class: ClassName::SPINNER,
|
||||
class: ClassName::LOGIN_FORM_SPINNER,
|
||||
Spinner {
|
||||
animate: **spinner_animated,
|
||||
},
|
||||
},
|
||||
|
||||
div {
|
||||
class: ClassName::REGISTER,
|
||||
class: ClassName::LOGIN_FORM_REGISTER_BUTTON,
|
||||
RegisterButton {
|
||||
onclick: on_register,
|
||||
},
|
||||
},
|
||||
|
||||
div {
|
||||
class: ClassName::LOGIN,
|
||||
class: ClassName::LOGIN_FORM_LOGIN_BUTTON,
|
||||
LoginButton {
|
||||
focus: true,
|
||||
onclick: on_login,
|
||||
|
Reference in New Issue
Block a user