|
1 | | -<mat-card class="profile-card" *ngIf="loginUser$ | async as loginUser"> |
2 | | - <mat-card-header> |
3 | | - <div mat-card-avatar> |
4 | | - <mat-icon>person</mat-icon> |
5 | | - </div> |
6 | | - <mat-card-title>{{ loginUser.name }}</mat-card-title> |
7 | | - <mat-card-subtitle>{{ loginUser.email }}</mat-card-subtitle> |
8 | | - </mat-card-header> |
9 | | - <mat-card-content> </mat-card-content> |
10 | | -</mat-card> |
| 1 | +<div class="container"> |
| 2 | + <h2>My profile</h2> |
| 3 | + <mat-divider></mat-divider> |
| 4 | + |
| 5 | + <mat-card class="profile-card" *ngIf="loginUser$ | async as loginUser"> |
| 6 | + <mat-card-header> |
| 7 | + <div mat-card-avatar> |
| 8 | + <img |
| 9 | + class="user-profile-img" |
| 10 | + [src]="loginUser?.photoUrl || loginUser?.picture" |
| 11 | + /> |
| 12 | + </div> |
| 13 | + <mat-card-title>{{ loginUser.name }}</mat-card-title> |
| 14 | + <mat-card-subtitle>{{ loginUser.email }}</mat-card-subtitle> |
| 15 | + </mat-card-header> |
| 16 | + <mat-card-content> </mat-card-content> |
| 17 | + </mat-card> |
| 18 | +</div> |
0 commit comments