better pdf ux

This commit is contained in:
Mateusz Gruszczyński
2026-05-21 12:34:18 +02:00
parent 9142590c79
commit cb48735178
4 changed files with 81 additions and 81 deletions

View File

@@ -4566,19 +4566,50 @@ body,
}
}
.media-info-pdf-preview {
background: var(--bs-body-bg);
.media-info-pdf-toolbar {
align-items: center;
background: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.75rem;
color: var(--bs-body-color);
font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
font-size: 0.95rem;
line-height: 1.5;
margin: 0 0 1rem;
max-height: 62vh;
overflow: auto;
padding: 1rem;
white-space: pre-wrap;
border-radius: 0.9rem;
display: flex;
gap: 1rem;
justify-content: space-between;
margin-bottom: 0.75rem;
padding: 0.75rem 1rem;
}
.media-info-pdf-toolbar b,
.media-info-pdf-toolbar span {
display: block;
}
.media-info-pdf-toolbar span {
color: var(--bs-secondary-color);
font-size: 0.82rem;
margin-top: 0.15rem;
}
.media-info-pdf-actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-end;
}
.media-info-pdf-viewer {
background: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.9rem;
height: min(72vh, 860px);
min-height: 520px;
overflow: hidden;
}
.media-info-pdf-viewer object {
border: 0;
display: block;
height: 100%;
width: 100%;
}
.media-info-pdf-empty {
@@ -4618,4 +4649,18 @@ body,
.media-info-pdf-empty {
grid-template-columns: 1fr;
}
.media-info-pdf-toolbar {
align-items: stretch;
flex-direction: column;
}
.media-info-pdf-actions {
flex-direction: column;
}
.media-info-pdf-viewer {
height: 68vh;
min-height: 420px;
}
}