AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Polish Round 2 (#2411)

Browse source
This commit is contained in:
Joe Milazzo 2023-11-07 17:42:17 -06:00 • committed by GitHub
parent ba3e760b31
commit a2fd87c454
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
35 changed files with 213 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

8
UI/Web/src/app/sidenav/_components/side-nav-item/side-nav-item.component.html
View file

@ -30,10 +30,10 @@
<div class="active-highlight"></div>
<span class="phone-hidden" title="{{title}}">
<div>
<ng-container *ngIf="imageUrl !== null && imageUrl !== ''; else iconImg">
<img class="lazyload img-placeholder" [ngSrc]="imageUrl" width="20" height="20" alt="icon">
</ng-container>
<ng-template #iconImg><i class="fa {{icon}}" aria-hidden="true"></i></ng-template>
<ng-container *ngIf="imageUrl !== null && imageUrl !== ''; else iconImg">
<app-image [imageUrl]="imageUrl" width="20px" height="20px"></app-image>
</ng-container>
<ng-template #iconImg><i class="fa {{icon}}" aria-hidden="true"></i></ng-template>
</div>
</span>
<span class="side-nav-text">

3
UI/Web/src/app/sidenav/_components/side-nav-item/side-nav-item.component.ts
View file

@ -12,12 +12,13 @@ import { filter, map } from 'rxjs';
import { NavService } from 'src/app/_services/nav.service';
import {takeUntilDestroyed} from "@angular/core/rxjs-interop";
import {CommonModule, NgOptimizedImage} from "@angular/common";
import {ImageComponent} from "../../../shared/image/image.component";
@Component({
selector: 'app-side-nav-item',
standalone: true,
imports: [CommonModule, RouterLink, NgOptimizedImage],
imports: [CommonModule, RouterLink, NgOptimizedImage, ImageComponent],
templateUrl: './side-nav-item.component.html',
styleUrls: ['./side-nav-item.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush