Fix PDF preview to have full width, close at top, and improve viewing at mobile.

Thanks to xet7 !
This commit is contained in:
Lauri Ojansivu 2023-07-01 00:30:05 +03:00
parent e128a5775d
commit 4be5727a18

View file

@ -96,7 +96,8 @@
text-align: center;
}
#pdf-viewer {
width: 40vw;
margin-top: 4vh;
width: 100%;
height: 100vh;
}
.pdf-preview-error{
@ -105,18 +106,7 @@
font-size: 2em;
color: white;
}
@media screen and (max-width: 1600px) {
#pdf-viewer {
width: 60vw;
}
}
@media screen and (max-width: 800px) {
#pdf-viewer {
width: 100vh;
}
.attachments-gallery .attachment-item {
width: 48%;
}
@ -128,6 +118,10 @@
}
}
@media screen and (max-width: 360px) {
#pdf-viewer {
margin-top: 5vh;
width: 100%;
}
.attachments-gallery .attachment-item {
width: 100%;
}