CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-12-07 20:52:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: integrate react-pdf-viewer for PDF display (#1112)

Browse Source
This commit is contained in:
aleensd
2024-11-21 12:15:25 +02:00
committed by GitHub
parent 5a1e4f25ed
commit cf93a77802
32 changed files with 33602 additions and 10938 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/static/js/components/media-page/MediaPage.scss
View File

@@ -537,7 +537,6 @@
}
.viewer-container .player-container.audio-player-container {
@media screen and (min-width: 480px) {
padding-top: 0.75 * 56.25%;
}
@@ -551,6 +550,26 @@
}
}
.viewer-container .pdf-container {
overflow-y: auto;
display: flex;
justify-content: center;
align-items: center;
width: 100%; // Default width for mobile
height: 400px; // Default height for mobile
@media (min-width: 768px) and (max-width: 1023px) { // Tablets
width: 90%;
height: 600px;
}
@media (min-width: 1024px) { // Desktop
width: 85%;
height: 900px;
}
}
.viewer-container .player-container.viewer-pdf-container,
.viewer-container .player-container.viewer-attachment-container {
background-color: var(--item-thumb-bg-color);