v1.6 released

resources/js/components/FilesView/MobileActionButton.vue

@@ -5,6 +5,7 @@
             <list-icon v-if="icon === 'th-list'" size="15" class="icon"></list-icon>
             <trash-icon v-if="icon === 'trash'" size="15" class="icon"></trash-icon>
             <grid-icon v-if="icon === 'th'" size="15" class="icon"></grid-icon>
+            <user-plus-icon v-if="icon === 'user-plus'" size="15" class="icon"></user-plus-icon>
             <span class="label">
                 <slot></slot>
             </span>
@@ -13,7 +14,7 @@
 </template>
 
 <script>
-    import { FolderPlusIcon, ListIcon, GridIcon, TrashIcon } from 'vue-feather-icons'
+    import { FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon } from 'vue-feather-icons'
 
     export default {
         name: 'MobileActionButton',
@@ -22,6 +23,7 @@
         ],
         components: {
             FolderPlusIcon,
+            UserPlusIcon,
             TrashIcon,
             ListIcon,
             GridIcon,
@@ -40,6 +42,7 @@
         padding: 7px 10px;
         cursor: pointer;
         border: none;
+        @include transition(150ms);
 
         .flex {
             display: flex;
@@ -49,13 +52,36 @@
         .icon {
             margin-right: 10px;
             @include font-size(14);
+
+            path, line, polyline, rect, circle {
+                @include transition(150ms);
+            }
         }
 
         .label {
+            @include transition(150ms);
             @include font-size(14);
             font-weight: 700;
             color: $text;
         }
+
+        &:active {
+            @include transform(scale(0.95));
+        }
+
+        &:hover {
+            background: rgba($theme, 0.1);
+
+            .icon {
+                path, line, polyline, rect, circle {
+                    stroke: $theme;
+                }
+            }
+
+            .label {
+                color: $theme;
+            }
+        }
     }
 
     @media (prefers-color-scheme: dark) {