add icono para agregar colaborador

This commit is contained in:
Mariela Bonilla 2021-07-29 01:01:43 -06:00
parent 4a1393f804
commit 67a536989e
2 changed files with 25 additions and 0 deletions

View File

@ -13,6 +13,11 @@
<div class="d-flex px-4"> <div class="d-flex px-4">
<div class="col-12"> <div class="col-12">
<div class="row" style="flex-direction: row-reverse"> <div class="row" style="flex-direction: row-reverse">
<div class="col-mb-2 iconos-colab">
<div class="add-collab">
<fa-icon icon="sync" [icon]="faPlus"></fa-icon>
</div>
</div>
<div class="col-mb-2 iconos-colab" *ngFor="let colaborador of usuariosColaboradores"> <div class="col-mb-2 iconos-colab" *ngFor="let colaborador of usuariosColaboradores">
<img <img
class="photo-collab" class="photo-collab"

View File

@ -175,5 +175,25 @@
&:hover { &:hover {
margin-top: -4px; margin-top: -4px;
cursor: pointer;
}
}
.add-collab {
background: #c3c2c2;
text-align: center;
width: 40px;
height: 40px;
color: #fff;
padding: 4pt 7pt;
border-radius: 50px;
border: 2px solid #fff;
position: relative;
top: 0;
transition: all 0.1s ease-in-out;
&:hover {
/*margin-top: -4px;**/
top: -5px;
cursor: pointer;
} }
} }