charleslemaux/servii-frontend
1
0
Fork 0
mirror of https://github.com/hubHarmony/servii-frontend.git synced 2024-11-17 21:40:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

modif login page

Browse Source
This commit is contained in:
AntoninoP 2024-06-26 13:29:31 +02:00
parent 3dd69d9d65
commit 2aebc424d9
3 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/loginpp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

11
src/pages/LoginPage/LoginPage.jsx
View File

@ -1,6 +1,7 @@
import React from 'react';
import { auth, googleProvider, signInWithPopup } from './firebase';
import { useNavigate } from 'react-router-dom';
import styles from './LoginPage.module.scss';
const LoginPage = () => {
const navigate = useNavigate();
@ -15,9 +16,13 @@ const LoginPage = () => {
};
return (
<div>
<h1>Page de connexion</h1>
<button onClick={handleLogin}>Se connecter avec Google</button>
<div className={styles.container}>
<div className={styles.mainCard}>
<h1>Page de connexion</h1>
<button onClick={handleLogin} className={styles.logbtn}>
Se connecter avec Google
</button>
</div>
</div>
);
};

24
src/pages/LoginPage/LoginPage.module.scss
View File

@ -0,0 +1,24 @@
html, body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
height: 100%;
}
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.mainCard{
width: 20rem;
padding: 1rem;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}