diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 18:35:56 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 18:35:56 +0200 |
| commit | a19b16923b1e190ffc31c58acbf0651760abd4ac (patch) | |
| tree | a2bdec9c5bbd0c533adf970fad85f8a7fa3abd60 /src/app/components | |
| parent | 72bc161e3b33a65783647615736cff6f8581f8be (diff) | |
| download | DevHive-Angular-a19b16923b1e190ffc31c58acbf0651760abd4ac.tar DevHive-Angular-a19b16923b1e190ffc31c58acbf0651760abd4ac.tar.gz DevHive-Angular-a19b16923b1e190ffc31c58acbf0651760abd4ac.zip | |
Navbar shows only the login button with text when use isn't logged in
Diffstat (limited to 'src/app/components')
| -rw-r--r-- | src/app/components/navbar/navbar.component.html | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html index a30f845..89a15e1 100644 --- a/src/app/components/navbar/navbar.component.html +++ b/src/app/components/navbar/navbar.component.html @@ -1,8 +1,5 @@ <nav id="navbar"> <div id="nav-contents" class="centered-content flex-row padding-smaller flex-center-align-items"> - <div class="flexible" *ngIf="!loggedIn"> - <!-- This element serves as a spacer --> - </div> <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"> @@ -13,7 +10,7 @@ </div> </div> </div> - <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToFeed()"> + <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToFeed()" *ngIf="loggedIn"> <img src="/assets/icons/tabler-icon-home.svg"> </div> <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" style="display: none"> @@ -37,7 +34,8 @@ <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="logout()" *ngIf="loggedIn"> <img src="/assets/icons/tabler-icon-logout.svg"> </div> - <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToLogin()" *ngIf="!loggedIn"> + <div class="nav-item flex-row flex-center-align-items border-radius-small light-hover hover-half-opacity click-effect side-padding-smaller" (click)="goToLogin()" *ngIf="!loggedIn"> + Login <img src="/assets/icons/tabler-icon-login.svg"> </div> <div class="flexible" *ngIf="!loggedIn"> |