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

Converted majority PX values to REM

Browse source 
Everything but dark.scss and values inside calc() have been converted from px to rem
This commit is contained in:
Christopher 2025-05-01 21:31:30 -06:00
parent 3a0d33ca13
commit cc8e7e159b
147 changed files with 712 additions and 712 deletions
Download patch file Download diff file Expand all files Collapse all files

28
UI/Web/src/app/nav/_components/nav-header/nav-header.component.html
View file

@ -33,7 +33,7 @@
>
<ng-template #libraryTemplate let-item>
<div class="clickable" style="display: flex;padding: 5px;" (click)="clickLibraryResult(item)">
<div class="clickable" style="display: flex;padding: 0.3125rem;" (click)="clickLibraryResult(item)">
<div class="ms-1">
<span>{{item.name}}</span>
</div>
@ -41,8 +41,8 @@
</ng-template>
<ng-template #seriesTemplate let-item>
<div class="clickable" style="display: flex;padding: 5px;" (click)="clickSeriesSearchResult(item)">
<div style="width: 24px" class="me-1">
<div class="clickable" style="display: flex;padding: 0.3125rem;" (click)="clickSeriesSearchResult(item)">
<div style="width: 1.5rem" class="me-1">
<app-image class="me-3 search-result" width="24px" [imageUrl]="imageService.getSeriesCoverImage(item.seriesId)"></app-image>
</div>
<div class="ms-1">
@ -60,8 +60,8 @@
</ng-template>
<ng-template #bookmarkTemplate let-item>
<div class="clickable" style="display: flex;padding: 5px;" (click)="clickBookmarkSearchResult(item)">
<div style="width: 24px" class="me-1">
<div class="clickable" style="display: flex;padding: 0.3125rem;" (click)="clickBookmarkSearchResult(item)">
<div style="width: 1.5rem" class="me-1">
<app-image class="me-3 search-result" width="24px" [imageUrl]="imageService.getSeriesCoverImage(item.seriesId)"></app-image>
</div>
<div class="ms-1">
@ -79,8 +79,8 @@
</ng-template>
<ng-template #collectionTemplate let-item>
<div class="clickable" style="display: flex;padding: 5px;" (click)="clickCollectionSearchResult(item)">
<div style="width: 24px" class="me-1">
<div class="clickable" style="display: flex;padding: 0.3125rem;" (click)="clickCollectionSearchResult(item)">
<div style="width: 1.5rem" class="me-1">
<app-image class="me-3 search-result" width="24px" [imageUrl]="imageService.getCollectionCoverImage(item.id)"></app-image>
</div>
<div class="ms-1">
@ -94,7 +94,7 @@
</ng-template>
<ng-template #readingListTemplate let-item>
<div class="clickable" style="display: flex;padding: 5px;" (click)="clickReadingListSearchResult(item)">
<div class="clickable" style="display: flex;padding: 0.3125rem;" (click)="clickReadingListSearchResult(item)">
<div class="ms-1">
<span>{{item.title}}</span>
<app-promoted-icon [promoted]="item.promoted"></app-promoted-icon>
@ -103,7 +103,7 @@
</ng-template>
<ng-template #tagTemplate let-item>
<div class="clickable" style="display: flex;padding: 5px;" (click)="goToOther(FilterField.Tags, item.id)">
<div class="clickable" style="display: flex;padding: 0.3125rem;" (click)="goToOther(FilterField.Tags, item.id)">
<div class="ms-1">
<span>{{item.title}}</span>
</div>
@ -111,8 +111,8 @@
</ng-template>
<ng-template #personTemplate let-item>
<div style="display: flex;padding: 5px;" class="clickable" (click)="goToPerson(item)">
<div style="width: 24px" class="me-1">
<div style="display: flex;padding: 0.3125rem;" class="clickable" (click)="goToPerson(item)">
<div style="width: 1.5rem" class="me-1">
<app-image class="me-3 search-result"
[styles]="{'background': 'none', 'max-height': '24px', 'height': '24px', 'width': '24px', 'border-radius': '50%'}"
width="24px" [imageUrl]="imageService.getPersonImage(item.id)" [errorImage]="imageService.noPersonImage"></app-image>
@ -124,7 +124,7 @@
</ng-template>
<ng-template #genreTemplate let-item>
<div style="display: flex;padding: 5px;" class="clickable" (click)="goToOther(FilterField.Genres, item.id)">
<div style="display: flex;padding: 0.3125rem;" class="clickable" (click)="goToOther(FilterField.Genres, item.id)">
<div class="ms-1">
<div [innerHTML]="item.title"></div>
</div>
@ -134,7 +134,7 @@
<ng-template #chapterTemplate let-item>
<div style="display: flex;padding: 5px;" class="clickable" (click)="clickChapterSearchResult(item)">
<div style="display: flex;padding: 0.3125rem;" class="clickable" (click)="clickChapterSearchResult(item)">
<div class="ms-1">
@if (item.files.length > 0) {
<app-series-format [format]="item.files?.[0].format"></app-series-format>
@ -146,7 +146,7 @@
</ng-template>
<ng-template #fileTemplate let-item>
<div class="clickable" style="display: flex;padding: 5px;" (click)="clickFileSearchResult(item)">
<div class="clickable" style="display: flex;padding: 0.3125rem;" (click)="clickFileSearchResult(item)">
<div class="ms-1">
<app-series-format [format]="item.format"></app-series-format>
<span>{{item.filePath}}</span>