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

Basic Login Screen Desktop (Just Login)

Browse source
This commit is contained in:
Ilay Eble 2025-05-21 10:33:04 +02:00 • committed by Luisa Bellitto
parent 1340c76bca
commit 72d172424b
7 changed files with 210 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

35
code/frontend/src/Login.tsx Normal file
View file

@ -0,0 +1,35 @@
import React, { use } from 'react';
import "./Login.css";
import { useState, useEffect } from 'react';
import Header from './header';
function Login(){
return(
<div className='login-display'>
<Header></Header>
<div className="login-login">
<div className='login-part'>
<div className='login-image'></div>
</div>
<div className='login-part' >
<div className='login-text'>
Login
</div>
<div className='login-div-input'>
<img className= 'login-icon' src='\assets\icons\username_orange.svg'></img>
<input type='text' className='login-input' placeholder='Username'></input>
</div>
<div className='login-div-input'>
<img className= 'login-icon' src='\assets\icons\password_orange.svg'></img>
<input type='password' className='login-input'placeholder='Password'></input>
</div>
<input type='button' className='login-button' value='Login'></input>
<div className='login-signup'>Don't have an account yet? Click <a href='' className='login-link'>here</a> to sign up</div>
</div>
</div>
</div>
);
}
export default Login