video thumbnail icon
This commit is contained in:
parent
bdc66fa603
commit
0ee7ac041f
2 changed files with 16 additions and 1 deletions
5
src/assets/icons/ic_video.vue
Normal file
5
src/assets/icons/ic_video.vue
Normal 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>
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue