Cutlery/Kavita
1
0
Fork 0
mirror of https://github.com/Kareadita/Kavita.git synced 2025-08-30 23:00:06 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixing epub image responsiveness

Browse Source
This commit is contained in:
Robbie Davis 2025-07-25 08:30:04 -04:00
parent cb8067b9d0
commit 8a15baee93
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
UI/Web/src/app/book-reader/_components/book-reader/book-reader.component.scss
View File

@ -334,13 +334,13 @@ $action-bar-height: 38px;
// This is applied to images in the backend
::ng-deep .kavita-scale-width {
max-height: 100dvh;
max-height: calc(var(--book-reader-content-max-height) - ($action-bar-height)) !important;
max-width: calc(var(--book-reader-content-max-width)) !important;
object-fit: contain;
object-position: top center;
break-inside: avoid;
break-before: column;
max-height: 100vh;
}

2
UI/Web/src/app/book-reader/_components/book-reader/book-reader.component.ts
View File

@ -986,7 +986,7 @@ export class BookReaderComponent implements OnInit, AfterViewInit, OnDestroy {
updateImageSizes() {
const isVerticalWritingStyle = this.writingStyle === WritingStyle.Vertical;
const height = this.windowHeight - (this.topOffset * 2);
let maxHeight = 'unset';
let maxHeight = '90dvh';
let maxWidth = '';
switch (this.layoutMode) {
case BookPageLayoutMode.Default: