Completely Finished Design of Login Page

modified:   src/pages/login.rs
	modified:   src/pages/signup.rs
	modified:   style/login.scss
This commit is contained in:
2024-02-10 00:54:18 -05:00
parent 598f3b2a18
commit 5cc7d6ce94
3 changed files with 26 additions and 18 deletions

View File

@ -1,7 +1,7 @@
use leptos::ev;
use leptos::leptos_dom::*;
use leptos::*;
use leptos_router::*;
use leptos_icons::IoIcon::*;
use leptos_icons::*;
#[component]
pub fn Login() -> impl IntoView {
@ -11,9 +11,10 @@ pub fn Login() -> impl IntoView {
view! {
<div class="page-container">
<div class="login-container">
<div class="header">
<h1>LibreTunes</h1>
</div>
<a class="return" href="/"><Icon icon=Icon::from(IoReturnUpBackSharp) /></a>
<div class="header">
<h1>LibreTunes</h1>
</div>
<form class="login-form" action="POST">
<div class="input-box">
<input class="login-info" type="text" required
@ -36,11 +37,11 @@ pub fn Login() -> impl IntoView {
<span>Password</span>
<i></i>
</div>
<p class="forgot-pw">Forgot Password?</p>
<a href="" class="forgot-pw">Forgot Password?</a>
<input type="submit" value="Login" />
<p class="go-to-signup">
New here? <span>Create an Account</span>
</p>
<span class="go-to-signup">
New here? <a href="/signup">Create an Account</a>
</span>
</form>
</div>
</div>

View File

@ -3,10 +3,13 @@ use leptos::*;
#[component]
pub fn Signup() -> impl IntoView {
let (username, set_username) = create_signal("".to_string());
let (email, set_email) = create_signal("".to_string());
let (password, set_password) = create_signal("".to_string());
view!{
<div class="page-container">
<div class="signup-container">
<h1>"Signup"</h1>
</div>
</div>