diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 20:23:30 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 20:23:30 +0200 |
| commit | 9906b285148f54b4060c71012854a814409cc9d7 (patch) | |
| tree | 6bc62baa8fd2d10ef99144d950a30c2a48e851b3 /src/app/components/navbar/navbar.component.html | |
| parent | 75594e7eac044e9398fd1b74246f22cabe6ddeba (diff) | |
| download | DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.tar DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.tar.gz DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.zip | |
Improved readability and consistency of font-size, text, border, colors and padding CSS class names
Diffstat (limited to 'src/app/components/navbar/navbar.component.html')
| -rw-r--r-- | src/app/components/navbar/navbar.component.html | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html index 89a15e1..d05f6e1 100644 --- a/src/app/components/navbar/navbar.component.html +++ b/src/app/components/navbar/navbar.component.html @@ -1,40 +1,40 @@ <nav id="navbar"> - <div id="nav-contents" class="centered-content flex-row padding-smaller flex-center-align-items"> - <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-contents" class="centered-content flex-row padding-dot3 flex-center-align-items"> + <div class="nav-item border-radius-dot2 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"> + <div class="padding-dot2"> @{{ user.userName }} </div> </div> </div> - <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToFeed()" *ngIf="loggedIn"> + <div class="nav-item flex-col border-radius-dot2 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"> + <div class="nav-item flex-col border-radius-dot2 light-hover hover-half-opacity click-effect" style="display: none"> <!-- Trending functionality isn't implemented yet! --> <img src="/assets/icons/tabler-icon-trending-up.svg"> </div> - <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" style="display: none"> + <div class="nav-item flex-col border-radius-dot2 light-hover hover-half-opacity click-effect" style="display: none"> <!-- Chat functionality isn't implemented yet! --> <img src="/assets/icons/tabler-icon-message-circle.svg"> </div> - <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" style="display: none"> + <div class="nav-item flex-col border-radius-dot2 light-hover hover-half-opacity click-effect" style="display: none"> <!-- Search functionality isn't implemented yet! --> <img src="/assets/icons/tabler-icon-search.svg"> </div> <div class="flexible"> <!-- This element serves as a spacer --> </div> - <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToSettings()" *ngIf="loggedIn"> + <div class="nav-item flex-col border-radius-dot2 light-hover hover-half-opacity click-effect" (click)="goToSettings()" *ngIf="loggedIn"> <img src="/assets/icons/tabler-icon-settings.svg"> </div> - <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="logout()" *ngIf="loggedIn"> + <div class="nav-item flex-col border-radius-dot2 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-row flex-center-align-items border-radius-small light-hover hover-half-opacity click-effect side-padding-smaller" (click)="goToLogin()" *ngIf="!loggedIn"> + <div class="nav-item flex-row flex-center-align-items border-radius-dot2 light-hover hover-half-opacity click-effect side-padding-dot3" (click)="goToLogin()" *ngIf="!loggedIn"> Login <img src="/assets/icons/tabler-icon-login.svg"> </div> |