mobile fixes

resources/js/App.vue

@@ -12,7 +12,7 @@
         <!--App view-->
         <router-view v-if="isLoaded" />
 
-        <Vignette />
+        <Vignette/>
     </div>
 </template>
 

resources/js/components/FilesView/FileItemList.vue

@@ -166,6 +166,9 @@ export default {
         },
         goToItem() {
             if (this.isImage || this.isVideo || this.isAudio || this.isPdf) {
+				this.$store.commit('CLIPBOARD_CLEAR')
+				this.$store.commit('ADD_ITEM_TO_CLIPBOARD', this.item)
+
                 events.$emit('file-preview:show')
 
             } else if (this.isFile || !this.isFolder && !this.isVideo && !this.isAudio && !this.isImage) {

resources/js/components/FilesView/ItemList.vue

@@ -21,7 +21,7 @@
 
 			<!--File Icon-->
 			<div v-if="isFile || isVideo || (isImage && !entry.data.attributes.thumbnail)" class="flex items-center justify-center pr-2">
-				<span class="text-theme dark-text-theme text-xs font-semibold absolute z-10 inline-block mx-auto mt-2 w-7 overflow-ellipsis overflow-hidden text-center">
+				<span class="text-theme dark-text-theme text-xs font-semibold absolute z-10 inline-block mx-auto mt-1 w-7 overflow-ellipsis overflow-hidden text-center">
 					{{ entry.data.attributes.mimetype }}
 				</span>
 

resources/js/components/Mobile/MenuMobile.vue

@@ -42,8 +42,8 @@
     @import "resources/sass/vuefilemanager/_mixins";
 
     .options {
-        position: absolute;
-        padding-bottom: 12px;
+        position: fixed;
+        padding-bottom: 25px;
         bottom: 0;
         left: 0;
         right: 0;

resources/js/components/Others/Popup/PopupActions.vue

@@ -27,7 +27,7 @@
 
     @media only screen and (max-width: 690px) {
         .actions {
-            padding: 15px;
+            padding: 15px 15px 35px;
             position: absolute;
             bottom: 0;
             left: 0;

resources/js/components/Others/Popup/PopupWrapper.vue

@@ -116,7 +116,7 @@
             overflow: hidden;
         }
         .popup-wrapper {
-            position: absolute;
+            position: fixed;
             top: 0;
             bottom: 0;
             right: 0;

resources/js/components/Others/Vignette.vue

@@ -51,7 +51,7 @@
     @import '/resources/sass/vuefilemanager/_mixins';
 
     .vignette {
-        position: absolute;
+        position: fixed;
         top: 0;
         right: 0;
         left: 0;

resources/js/views/Platform.vue

@@ -36,7 +36,6 @@
 		<div
 			@contextmenu.prevent.capture="contextMenu($event, undefined)"
 			class="md:grid md:content-start sm:flex-grow sm:px-3.5 transition-transform duration-200"
-			:class="{'transform scale-97 origin-center': isScaledDown}"
 		>
 			<DesktopToolbar />
 
@@ -125,6 +124,7 @@
 			},
 		},
 		mounted() {
+			// TODO: new scaledown effect
 			events.$on('mobile-menu:show', () => this.isScaledDown = true)
 			events.$on('fileItem:deselect', () => this.isScaledDown = false)
 			events.$on('mobile-menu:hide', () => this.isScaledDown = false)