mirror_php/formwork
1
0
Fork 0
mirror of https://github.com/getformwork/formwork.git synced 2025-01-17 05:28:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve media preview sizing

Browse Source
This commit is contained in:
Giuseppe Criscione 2024-10-24 22:22:16 +02:00
parent 68e435e903
commit 4d9737d2e3
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
panel/src/scss/components/_pages.scss
View File

@ -154,11 +154,16 @@
}
.page-file-preview-image {
max-height: 40.5rem;
max-height: 42.5rem;
object-fit: contain;
@include checkered-background(1.5rem, 0.125);
}
.page-file-preview-video {
width: 100%;
max-height: 42.5rem;
}
.page-file-preview-image.has-no-width {
width: 20rem;
}

2
panel/views/pages/file.php
View File

@ -40,7 +40,7 @@
<span class="caption"><?= $this->translate('panel.pages.file.preview') ?></span>
</div>
<div class="section-content page-file-preview-container">
<video style="width: 100%" controls playsinline>
<video class="page-file-preview-video" controls playsinline>
<source src="<?= $file->uri() ?>" type="<?= $file->mimeType() ?>" />
</video>
</div>