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

@ -0,0 +1,5 @@
<template>
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 17C0 7.61116 7.60909 0 17 0C26.3888 0 34 7.60909 34 17C34 26.3888 26.3909 34 17 34C7.61116 34 0 26.3909 0 17ZM23.6512 17.8331L14.8714 23.585C14.1692 24.045 13.6 23.7419 13.6 22.9138V11.0867C13.6 10.256 14.1692 9.95554 14.8714 10.4155L23.6512 16.1674C24.3533 16.6274 24.3533 17.3732 23.6512 17.8331Z" fill="black"/>
</svg>
</template>

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"
@ -271,6 +274,13 @@ onBeforeUnmount(() => {
&.pdf-file {
overflow-y: auto;
}
.video-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.file-item {