- autofocus disabled on mobile devices

- tabwrapper icon fix

resources/js/components/Others/CreateFolder.vue

@@ -87,10 +87,8 @@
         mounted() {
             events.$on('popup:open', ({name}) => {
 
-                if (name === 'create-folder')
-                    this.$nextTick(() => {
-                       this.$refs.input.focus()
-                    })
+                if (name === 'create-folder' && ! this.$isMobile())
+                    this.$nextTick(() => this.$refs.input.focus())
             })
         }
     }

resources/js/components/Others/RenameItem.vue

@@ -120,9 +120,9 @@ export default {
 
             if (args.name !== 'rename-item') return
 
-            this.$nextTick(() => {
-                this.$refs.input.focus()
-            })
+            if (! this.$isMobile()) {
+                this.$nextTick(() => this.$refs.input.focus())
+            }
 
             this.isMoreOptions = false
 

resources/js/components/Others/SetFolderIcon.vue

@@ -318,7 +318,9 @@ export default {
         display: grid;
         grid-template-columns: repeat(9, auto);
         justify-content: space-between;
-        margin-bottom: 20px;
+        overflow-x: auto;
+        overflow-y: hidden;
+        height: 90px;
 
         .active {
             background: $light_background;
@@ -326,8 +328,8 @@ export default {
         }
 
         .group-option {
-            width: 100%;
-            height: 100%;
+            width: 45px;
+            height: 45px;
             list-style: none;
             padding: 6px;
             cursor: pointer;
@@ -504,6 +506,12 @@ export default {
     transform: translateY(-134px);
 }
 
+@media (max-width: 690px) {
+    .emoji-wrapper {
+        height: 300px;
+    }
+}
+
 @media (max-width: 336px) {
     .emoji-wrapper {
         top: 173px;

resources/js/components/Others/TabWrapper.vue

@@ -89,11 +89,12 @@
 
         .tab-icon {
             margin-right: 10px;
+
             path,
             circle,
             line,
             polyline {
-                color: $theme !important;
+                stroke: $theme !important;
             }
         }
     }