feat: added info text to account verification popup

This commit is contained in:
antifallobst 2023-10-08 15:51:42 +02:00
parent 2c6c529cc6
commit 9fa9c651ac
Signed by: antifallobst
GPG Key ID: 2B4F402172791BAF
2 changed files with 13 additions and 1 deletions

View File

@ -185,7 +185,7 @@ pub fn SignUp(props: &Props) -> Html {
</div> </div>
<div class="auth-field"> <div class="auth-field">
<label for="password-reenter">{"Re Enter Password"}</label><br/> <label for="password-reenter">{"Password"}</label><br/>
<input class="auth-input" type="password" name="password-reenter" onchange={on_password_reenter_changed}/><br/> <input class="auth-input" type="password" name="password-reenter" onchange={on_password_reenter_changed}/><br/>
</div> </div>
@ -210,6 +210,12 @@ pub fn SignUp(props: &Props) -> Html {
}, },
View::Verify => html! { View::Verify => html! {
<form class="auth-container" onsubmit={onsubmit}> <form class="auth-container" onsubmit={onsubmit}>
<div class="center-x">
<p class="auth-info">
{"We've sent a verification token to your email. It is valid for 10 minutes."}
</p>
</div>
<div class="auth-field"> <div class="auth-field">
<label for="token">{"Verification Token"}</label><br/> <label for="token">{"Verification Token"}</label><br/>
<input class="auth-input" type="text" name="token" onchange={on_token_changed}/><br/> <input class="auth-input" type="text" name="token" onchange={on_token_changed}/><br/>

View File

@ -112,6 +112,12 @@
color: #ff0000; color: #ff0000;
} }
.auth-info {
font: normal 16px Roboto;
color: #ffffff;
margin: 6px 8px;
}
.center-x { .center-x {
text-align: center; text-align: center;
} }