22 lines
800 B
HTML
22 lines
800 B
HTML
<button mat-button class="contact" (click)="onClickItem()" ngClass="{'unread':contact.unread}"
|
|
[@animate]="{ value: '*', params: { y: '100%' } }">
|
|
<div fxLayout="row" fxLayoutAlign="start center">
|
|
<div class="avatar-wrapper" fxFlex="0 1 auto" fxLayoutAlign="center center">
|
|
<img class="avatar" />
|
|
<mat-icon class="s-16 status"></mat-icon>
|
|
</div>
|
|
|
|
<div fxLayout="row" fxFlex>
|
|
<div class="pr-4" fxFlex fxLayout="column" fxLayoutAlign="center start">
|
|
<div class="profile-name"></div>
|
|
<div class="profile-last-message"></div>
|
|
</div>
|
|
|
|
<div fxLayout="column" fxLayoutAlign="start end">
|
|
<div class="profile-last-message-time"></div>
|
|
<div class="mt-4 unread-message-count accent"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</button>
|