css component signin

This commit is contained in:
Blandine Bajard 2022-01-25 17:18:51 +01:00
parent a545bf5a25
commit 5df6f6f46e
2 changed files with 43 additions and 34 deletions

View file

@ -27,12 +27,12 @@
<label for="floatingPassword">Mot de passe</label>
</div>
<button class="w-100 btn btn-lg btn-success"
<button class="w-100 btn btn-lg btn-outline-success"
type="submit"
[disabled]="signinForm.invalid">Se connecter</button>
<button class="w-100 btn btn-lg btn-success"
<button class="w-100 btn btn-lg btn-outline-success"
routerLink="../creation-compte" routerLinkActive="active-custom"
>S'inscrire</button>

View file

@ -7,10 +7,13 @@
.form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
.checkbox {
font-weight: 400;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
border: solid 1px;
border-radius: 10px;
background-color: #fcddec;
border-color: #ef5da8;
}
.form-floating:focus-within {
@ -28,4 +31,10 @@
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-outline-success {
margin-top: 10px;
margin-bottom: 5px;
background-color: #ffff;
color: #ef5da8 !important;
border-color: #ef5da8 !important;
}