fix log page

This commit is contained in:
AntoninoP 2024-07-04 12:45:56 +02:00
parent c1e6cd4829
commit c9ec64ab70
2 changed files with 26 additions and 4 deletions

View File

@ -19,7 +19,7 @@ const LoginPage = () => {
return ( return (
<div className={styles.container}> <div className={styles.container}>
<div className={styles.mainCard}> <div className={styles.mainCard}>
<h1>Page de connexion</h1> <div className={styles.title}>Page de connexion</div>
<button onClick={handleLogin} className={styles.logbtn}> <button onClick={handleLogin} className={styles.logbtn}>
Se connecter avec Google Se connecter avec Google
</button> </button>

View File

@ -1,7 +1,7 @@
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Roboto', sans-serif; font-family: 'Poppins', sans-serif;
height: 100%; height: 100%;
} }
@ -13,12 +13,34 @@ html, body {
} }
.mainCard{ .mainCard{
width: 20rem; width: 70rem;
padding: 1rem; padding: 1rem;
background-color: white; background-color: #100D25;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
border-radius: 1rem;
padding: 3rem 0rem 3rem 0rem;
} }
.title{
font-size: 5rem;
font-weight: 700;
margin-bottom: 1rem;
color: white;
margin-bottom: 4rem;
}
.logbtn{
width: 100%;
background-color: #090325;
border: none;
color : white;
padding: 10px;
cursor: pointer;
border-radius: 5px;
font-size: 1.5rem;
font-weight: 700;
margin-top: 1rem;
}