diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
new file mode 100644
index 000000000..bb335a2fe
--- /dev/null
+++ b/src/components/VideoPlayer.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue
index 770a55a9b..edf48f1dd 100644
--- a/src/components/mini-widgets/MiniVideoRecorder.vue
+++ b/src/components/mini-widgets/MiniVideoRecorder.vue
@@ -34,8 +34,14 @@
-
+
+
mdi-video-box
@@ -76,7 +82,7 @@
-
+
diff --git a/src/views/ConfigurationVideoView.vue b/src/views/ConfigurationVideoView.vue
index b06a829c6..580dbdb0f 100644
--- a/src/views/ConfigurationVideoView.vue
+++ b/src/views/ConfigurationVideoView.vue
@@ -86,20 +86,46 @@
class="max-w-[90%] bg-slate-100/30 rounded-lg p-3 border"
:class="temporaryDbSize === 0 ? 'mb-10' : 'mb-0'"
>
+
+
+ {{ item.filename }}
+
+
+ {{ item.filename }}
+
+
{{ formatBytes(value) }}
+
+
@@ -112,6 +138,10 @@
class="mx-2 text-2xl transition-all cursor-pointer hover:text-slate-500/50 mdi mdi-download"
@click="downloadAndUpdateDB(selectedFilesNames)"
/>
+
@@ -136,6 +166,7 @@
+