Enhancement: larger documents in rotate / split dialogs

This commit is contained in:
shamoon 2024-04-23 00:49:20 -07:00
parent e40893e74f
commit f4489ca2e7
3 changed files with 7 additions and 7 deletions

View File

@ -12,7 +12,7 @@
</div> </div>
<div class="col-8 d-flex align-items-center"> <div class="col-8 d-flex align-items-center">
@if (documentID) { @if (documentID) {
<img class="w-50 m-auto" [ngStyle]="{'transform': 'rotate('+rotation+'deg)'}" [src]="documentService.getThumbUrl(documentID)" /> <img class="w-75 m-auto" [ngStyle]="{'transform': 'rotate('+rotation+'deg)'}" [src]="documentService.getThumbUrl(documentID)" />
} }
</div> </div>
<div class="col-2 d-flex"> <div class="col-2 d-flex">

View File

@ -6,7 +6,7 @@
<div class="modal-body"> <div class="modal-body">
<p>{{message}}</p> <p>{{message}}</p>
<div class="row mb-2"> <div class="row mb-2">
<div class="col-6"> <div class="col-8">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<div class="input-group-text" i18n>Page</div> <div class="input-group-text" i18n>Page</div>
<input class="form-control" type="number" min="1" [(ngModel)]="page" /> <input class="form-control" type="number" min="1" [(ngModel)]="page" />
@ -21,9 +21,9 @@
</pngx-pdf-viewer> </pngx-pdf-viewer>
</div> </div>
</div> </div>
<div class="col-6"> <div class="col-4">
<div class="d-grid"> <div class="d-grid">
<button class="btn btn-sm btn-primary" (click)="addSplit()"> <button class="btn btn-sm btn-primary" (click)="addSplit()" [disabled]="page === totalPages">
<i-bs name="plus-circle"></i-bs>&nbsp; <i-bs name="plus-circle"></i-bs>&nbsp;
<span i18n>Add Split</span> <span i18n>Add Split</span>
</button> </button>
@ -31,11 +31,11 @@
<ul class="list-group mt-3"> <ul class="list-group mt-3">
@for (pageStr of pagesString.split(','); track pageStr; let i = $index) { @for (pageStr of pagesString.split(','); track pageStr; let i = $index) {
<li class="list-group-item"> <li class="list-group-item d-flex align-items-center">
{{pageStr}} {{pageStr}}
@if (pagesString.split(',').length > 1) { @if (pagesString.split(',').length > 1) {
&nbsp; &nbsp;
<button class="btn btn-sm btn-danger" (click)="removeSplit(i)"> <button class="btn btn-sm btn-danger ms-auto" (click)="removeSplit(i)">
<i-bs name="trash"></i-bs> <i-bs name="trash"></i-bs>
</button> </button>
} }

View File

@ -1,6 +1,6 @@
.pdf-viewer-container { .pdf-viewer-container {
background-color: gray; background-color: gray;
height: 300px; height: 350px;
pngx-pdf-viewer { pngx-pdf-viewer {
width: 100%; width: 100%;