From 0ee7ac041f90ee4d80e181700e935be31ee1e864 Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Fri, 7 Nov 2025 22:20:37 +0200
Subject: [PATCH] video thumbnail icon

---
 src/assets/icons/ic_video.vue              |  5 +++++
 src/components/file_mode/ThumbnailView.vue | 12 +++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/icons/ic_video.vue

diff --git a/src/assets/icons/ic_video.vue b/src/assets/icons/ic_video.vue
new file mode 100644
index 0000000..99e7504
--- /dev/null
+++ b/src/assets/icons/ic_video.vue
@@ -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>
diff --git a/src/components/file_mode/ThumbnailView.vue b/src/components/file_mode/ThumbnailView.vue
index cf11209..4e144c2 100644
--- a/src/components/file_mode/ThumbnailView.vue
+++ b/src/components/file_mode/ThumbnailView.vue
@@ -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 {