Ajout des couleurs et un peu css

This commit is contained in:
AlineRinquin 2022-02-17 10:14:20 +01:00
parent 0244cb29ea
commit 49049bc255
8 changed files with 60 additions and 16 deletions

View file

@ -27,7 +27,7 @@
<div class="row justify-content-evenly">
<div class="col-4">
<div *ngFor="let personne of listContact" (click)="onClick(personne)">
<img style="max-height: 12% ; max-width: 12%" src="../../../assets/images/contact-1.png" />
<div class= "couleur" [style.background-color]="personne.couleur"></div>
<p class="fiche-contact">{{ personne.prenom }} {{ personne.nom }}</p>
</div>
</div>

View file

@ -16,6 +16,14 @@
flex-direction: row;
}
.couleur{
border: none;
margin-top: -15px;
border-radius: 80%;
width: 60px;
height: 60px;
flex-direction: row;
}
;h4 {
color: black;
font-weight: bold;