Ajout des couleurs et un peu css
This commit is contained in:
parent
0244cb29ea
commit
49049bc255
8 changed files with 60 additions and 16 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue