video thumbnail icon

This commit is contained in:
10G Meow 2025-11-07 22:20:37 +02:00
parent bdc66fa603
commit 0ee7ac041f
2 changed files with 16 additions and 1 deletions

View file

@ -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 {