Skip to content

Commit

Permalink
Feat: add ladybug mascot to top right corner next to version (#822)
Browse files Browse the repository at this point in the history
* feat: add ladybug mascot to top right corner next to version

* refactor: remove redundant styling
  • Loading branch information
MatthijsSmets authored Dec 13, 2024
1 parent bca1483 commit 56c55f6
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 8 deletions.
16 changes: 12 additions & 4 deletions src/app/app.component.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
#version:hover {
background-color: #f3f3f4 !important;
}

.nav-link {
display: flex;
flex-direction: row;
Expand Down Expand Up @@ -34,3 +30,15 @@ a:hover {
color: red;
}
}

.version {
margin: auto 0.25rem auto auto;
display: flex;
gap: 0.25rem;
align-items: center;
}

.mascot {
width: 1.2rem;
height: 1.2rem;
}
4 changes: 2 additions & 2 deletions src/app/app.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,9 @@
</a>
</li>
}
<li class="ml-auto my-auto mr-1" id="version">
<li class="version" id="version">
<img ngSrc="favicon.ico" alt="" width="64" height="64" class="mascot">
<a>v{{ frontendVersion }}</a>
<ng-template></ng-template>
</li>
</ul>
<router-outlet></router-outlet>
Expand Down
4 changes: 2 additions & 2 deletions src/app/app.component.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { Location } from '@angular/common';
import { Location, NgOptimizedImage } from '@angular/common';
import { Title } from '@angular/platform-browser';
import { CompareComponent } from './compare/compare.component';
import { TestComponent } from './test/test.component';
Expand All @@ -25,7 +25,7 @@ import { VersionService } from './shared/services/version.service';
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
standalone: true,
imports: [RouterLinkActive, RouterLink, RouterOutlet, ToastComponent],
imports: [RouterLinkActive, RouterLink, RouterOutlet, ToastComponent, NgOptimizedImage],
})
export class AppComponent implements OnInit, OnDestroy {
frontendVersion?: string;
Expand Down

0 comments on commit 56c55f6

Please sign in to comment.