diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-19 19:23:07 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-19 19:23:07 +0200 |
| commit | 01a1dc03438051ca152c0207e377b3de8e77a3c7 (patch) | |
| tree | 62e60d5283a390440bc2945e40b29b76e87ef1d6 | |
| parent | da7ee0c5d640083fcce8af38730c587c4fb15395 (diff) | |
| download | DevHive-Angular-01a1dc03438051ca152c0207e377b3de8e77a3c7.tar DevHive-Angular-01a1dc03438051ca152c0207e377b3de8e77a3c7.tar.gz DevHive-Angular-01a1dc03438051ca152c0207e377b3de8e77a3c7.zip | |
Merged profile picture and username from navbar into one nav item
| -rw-r--r-- | src/app/components/navbar/navbar.component.html | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html index 29118e6..a30f845 100644 --- a/src/app/components/navbar/navbar.component.html +++ b/src/app/components/navbar/navbar.component.html @@ -3,12 +3,14 @@ <div class="flexible" *ngIf="!loggedIn"> <!-- This element serves as a spacer --> </div> - <div id="nav-profile-picture" class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToProfile()" *ngIf="loggedIn"> - <img class="round-image" [src]="user.profilePictureURL"> - </div> - <div id="nav-username" class="font-size-dot9 nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToProfile()" *ngIf="loggedIn"> - <div class="padding-small"> - @{{ user.userName }} + <div class="nav-item border-radius-small flex-row flex-center-align-items light-hover hover-half-opacity click-effect" (click)="goToProfile()" *ngIf="loggedIn"> + <div id="nav-profile-picture" class="flex-col"> + <img class="round-image" [src]="user.profilePictureURL"> + </div> + <div id="nav-username" class="font-size-dot9 flex-col"> + <div class="padding-small"> + @{{ user.userName }} + </div> </div> </div> <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToFeed()"> |