vue frontend update

resources/js/components/VueFileManagerComponents/Others/ActionButton.vue

@@ -0,0 +1,44 @@
+<template>
+    <div class="action-button">
+        <FontAwesomeIcon class="icon" :icon="icon" />
+        <span class="label">
+            <slot></slot>
+        </span>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'ActionButton',
+        props: ['icon'],
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import "@assets/app.scss";
+
+    .action-button {
+        cursor: pointer;
+
+        .label {
+            @include font-size(12);
+            color: $theme_light;
+            font-weight: 600;
+            text-decoration: underline;
+        }
+
+        .icon {
+            @include font-size(10);
+            display: inline-block;
+            margin-right: 2px;
+
+            path {
+                fill: $theme_light;
+            }
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+</style>