vincentRamiere/simpleat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ajout sigin

Browse Source
This commit is contained in:
Vincent Ramiere 2022-01-20 17:29:42 +01:00
parent 9f6399cc95
commit f54cdf8365
2 changed files with 69 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/pages/signin/signin.component.html
View File

@ -1 +1,27 @@
<p>signin works!</p>
<div class="signin-form text-center">
<main class="form-signin">
<img src="../../../assets/images-header/logo.png"><br>
<br><h5>Le bon plan pour manger</h5>
<div class="form-floating">
<input type="email"
class="form-control"
id="floatingInput"
placeholder=""
name="email">
<label for="floatingInput">Adresse email</label>
</div>
<div class="form-floating">
<input type="password"
class="form-control"
id="floatingPassword"
placeholder=""
name="password">
<label for="floatingPassword">Mot de passe</label>
</div>
<button type="submit">Connexion</button>
</main>
</div>

42
src/app/pages/signin/signin.component.scss
View File

@ -0,0 +1,42 @@
.signin-form {
height: 50vh;
width: 80vh;
padding-top: 40px;
margin-bottom: 40px;
background-image: url(../../../assets/fond_signin.png);
}
.form-signin {
width: 60%;
//max-width: 330px;
padding: 15px;
margin: auto;
background-color: #f0f0f0;
border-radius: 15px;
input[type="email"] {
//margin-top: 10px;
//border-bottom-right-radius: 0;
//border-bottom-left-radius: 0;
border-radius: 10px;
margin-bottom: 10px;
border-color: red;
}
input[type="password"] {
margin-bottom: 10px;
//border-top-left-radius: 0;
//border-top-right-radius: 0;
margin-top: 10px;
border-radius: 10px;
border-color: red;
}
button{
color: white;
background-color: red;
}
}