tabshift/pocketbase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated files preview ui

Browse Source
This commit is contained in:
Gani Georgiev
2023-01-10 22:20:52 +02:00
parent c26ac2d53f
commit d37bf6452c
38 changed files with 235 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
ui/src/scss/_overlay_panel.scss
View File

@@ -238,28 +238,41 @@
align-items: center;
justify-content: center;
}
}
&.image-preview {
width: auto;
min-width: 300px;
min-height: 250px;
max-width: 70%;
max-height: 90%;
// preview elements
img {
max-width: 100%;
border-top-left-radius: var(--baseRadius);
border-top-right-radius: var(--baseRadius);
}
}
&.pdf-preview {
width: 70%;
height: 90%;
object {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
// preview variants
&.preview-image {
width: auto;
min-width: 320px;
min-height: 300px;
max-width: 75%;
max-height: 90%;
}
&.preview-document,
&.preview-video {
width: 75%;
height: 90%;
}
&.preview-audio {
min-width: 320px;
min-height: 300px;
max-width: 90%;
max-height: 90%;
}
}