mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-08 13:38:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

apply fonts and fix UI bugs

Browse source
This commit is contained in:
luisa.bellitto 2025-06-14 12:24:09 +02:00 • committed by Luisa Bellitto
parent 5d25eea589
commit 08fadc267a
7 changed files with 48 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

8
code/frontend/src/LoginAndSignUpPage.tsx
View file

@ -1,6 +1,7 @@
import "./loginAndSignUpPage.css";
import { useState } from 'react';
import Header from './header';
import Footer from "./Footer";
function LoginAndSignUpPage(){
@ -8,13 +9,12 @@ function LoginAndSignUpPage(){
const [signup, setSignup]= useState(false);
return(
<div className='login-display'>
<Header/>
<div className="login-login">
<div className='login-part'>
<div className={signup? 'signup-image': 'login-image'}></div>
</div>
<div className='login-part' >
<div className='login-text'>
<div className='login-text small-title'>
{signup? "Sign Up": "Login"}
</div>
<div className='login-div-input'>
@ -30,8 +30,8 @@ function LoginAndSignUpPage(){
<img className= 'login-icon' src='\assets\icons\password_orange.svg' alt="icon password"></img>
<input type='password' className='login-input'placeholder='Password'></input>
</div>
<input type='button' className='login-button' value={signup? "Sign up": "Login"}></input>
<div className='login-signup' onClick={toggleLogin}>{signup? "Already have an account?": "Don't have an account yet?"} Click <span className='login-here'>here</span> {signup? "login": "to sign up"}</div>
<input type='button' className='login-button body-m' value={signup? "Sign up": "Login"}></input>
<div className='login-signup body-m' onClick={toggleLogin}>{signup? "Already have an account?": "Don't have an account yet?"} Click <span className='login-here body-m'>here</span> {signup? "login.": "to sign up."}</div>
</div>
</div>
</div>