This commit is contained in:
Thomas Cardon 2022-02-18 14:17:55 +01:00
commit 334f799c60
7 changed files with 55 additions and 40 deletions

View file

@ -1,5 +1,5 @@
<div class="signin-form text-center">
<main class="form-signin">
<main class="form-signin d-inline-flex">
<form (ngSubmit)="onSubmit(signinForm)" #signinForm="ngForm">
<h5>Merci de vous connecter</h5>
<img src="../../../assets/images-header/logo.png"><br>
@ -32,12 +32,12 @@
<button class="w-100 btn btn-lg btn-danger"
type="submit"
[disabled]="signinForm.invalid">Je me connecte !</button>
<p>
<!--<p>
Form is dirty : {{ signinForm.form.dirty }}
</p>
<p>
Form is touched : {{ signinForm.form.touched }}
</p>
</p>-->
</form>
<div *ngIf="errorForm">

View file

@ -1,19 +1,18 @@
.signin-form {
height: 100vh;
padding-top: 40px;
background-image: url(../../../assets/fond_signin.png);
background-image: url(../../../assets/fond-signin.png);
background-position: center;
}
.form-signin {
width: 500px;
//max-width: 330px;
max-width: 500px;
padding: 15px;
margin: auto;
margin-top: 20vh;
background-color: #f0f0f0;
border-radius: 15px;
box-shadow: 10px 10px 10px grey;
margin-top: 25vh;
}
.form-floating:focus-within {