File preview refactoring

resources/js/components/FilePreview/Media/Video.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="video-wrapper">
+    <div class="max-w-[1080px] max-h-full">
         <video
             :src="file.data.attributes.file_url"
             class="video"
@@ -8,7 +8,6 @@
             disablePictureInPicture
             playsinline
             controls
-            autoplay
         />
     </div>
 </template>
@@ -19,40 +18,3 @@ export default {
     props: ['file'],
 }
 </script>
-
-<style lang="scss" scoped>
-@import '../../../../sass/vuefilemanager/variables';
-
-.video-wrapper {
-    max-width: 1080px;
-    max-height: 100%;
-
-    @media (min-width: 1200px) {
-        & {
-            max-width: 800px;
-        }
-    }
-
-    @media (min-width: 1920px) and (max-width: 2560px) {
-        & {
-            max-width: 1080px;
-        }
-    }
-    @media (min-width: 2560px) and (max-width: 3840px) {
-        & {
-            max-width: 1440px;
-        }
-    }
-    @media (min-width: 3840px) {
-        & {
-            max-width: 2160px;
-        }
-    }
-
-    .video {
-        max-width: 100%;
-        max-height: 100%;
-        align-self: center;
-    }
-}
-</style>