video thumbnail icon
This commit is contained in:
parent
bdc66fa603
commit
0ee7ac041f
2 changed files with 16 additions and 1 deletions
|
|
@ -4,6 +4,9 @@
|
|||
<video :src="source" :poster="poster" :controls="!previewOnly" class="w-100 h-100">
|
||||
{{ $t("fallbacks.video_file") }}
|
||||
</video>
|
||||
<div class="video-icon" v-if="previewOnly">
|
||||
<v-icon class="icon" size="34">$vuetify.icons.ic_video</v-icon>
|
||||
</div>
|
||||
</v-responsive>
|
||||
<ImageWithProgress
|
||||
v-else-if="isImage"
|
||||
|
|
@ -159,7 +162,7 @@ const imageLoaded = (image: any) => {
|
|||
} else {
|
||||
w = rect.height * iRatio;
|
||||
h = rect.height;
|
||||
}
|
||||
}
|
||||
|
||||
l = (rect.width - w) / 2;
|
||||
t = (rect.height -h) / 2;
|
||||
|
|
@ -271,6 +274,13 @@ onBeforeUnmount(() => {
|
|||
&.pdf-file {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.video-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.file-item {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue