version change to v1.7.11

2026-05-15 09:45:01 +00:00 · 2020-10-23 16:14:34 +02:00
parent 12d6b0bf57
commit 5be9db83f7
72 changed files with 161 additions and 130 deletions
@@ -30,7 +30,7 @@
                <FontAwesomeIcon v-if="isFile" class="file-icon" icon="file"/>

                <!--Image thumbnail-->
-                <img v-if="isImage" class="image" :src="data.thumbnail" :alt="data.name"/>
+                <img loading="lazy" v-if="isImage" class="image" :src="data.thumbnail" :alt="data.name"/>

                <!--Else show only folder icon-->
                <FontAwesomeIcon v-if="isFolder" :class="{'is-deleted': isDeleted}" class="folder-icon" icon="folder"/>
@@ -24,7 +24,7 @@
 				<FontAwesomeIcon v-if="isFile" class="file-icon" icon="file" />

 				<!--Image thumbnail-->
-				<img v-if="isImage" class="image" :src="data.thumbnail" :alt="data.name" />
+				<img loading="lazy" v-if="isImage" class="image" :src="data.thumbnail" :alt="data.name" />

 				<!--Else show only folder icon-->
 				<FontAwesomeIcon v-if="isFolder" :class="{ 'is-deleted': isDeleted }" class="folder-icon" icon="folder" />
@@ -34,4 +34,10 @@
            right: 0;
        }
    }
+
+    @media only screen and (max-width: 320px) {
+        .actions {
+            position: unset;
+        }
+    }
 </style>
@@ -35,6 +35,12 @@
        }
    }

+    @media only screen and (max-width: 320px) {
+        .popup-content {
+            position: unset;
+        }
+    }
+
    @keyframes popup-in {
        0% {
            opacity: 0;
@@ -134,6 +134,12 @@
        }
    }

+    @media only screen and (max-width: 320px){
+        .popup-wrapper {
+            overflow-y: auto;
+        }
+    }
+
    @media (prefers-color-scheme: dark) {
        .popup-wrapper {
            background: $dark_mode_background;
@@ -81,7 +81,7 @@
                    </ValidationProvider>
                </div>

-                <InfoBox v-if="isError" type="error" style="margin-bottom: -20px">
+                <InfoBox v-if="isError" type="error" >
                    <p>{{ errorMessage }}</p>
                </InfoBox>

@@ -226,6 +226,19 @@
    @import '@assets/vue-file-manager/_auth-form';
    @import '@assets/vue-file-manager/_auth';

+     #files-view {
+        font-family: 'Nunito', sans-serif;
+        font-size: 16px;
+        width: 100%;
+        height: 100%;
+        position: relative;
+        min-width: 320px;
+        overflow-x: hidden;
+        padding-left: 15px;
+        padding-right: 15px;
+        overflow-y: hidden;
+    }
+
    #shared {
        height: 100%;
    }