dashboard include

2026-04-19 08:32:14 +00:00 · 2020-07-05 09:14:17 +02:00
parent e1ebb70035
commit 5a5125967f
61 changed files with 1532 additions and 617 deletions
--- a/resources/js/components/Others/EmptyPageContent.vue
+++ b/resources/js/components/Others/EmptyPageContent.vue
@@ -0,0 +1,68 @@
+<template>
+    <div class="empty-page-content">
+        <div class="content">
+            <div class="icon">
+                <file-icon v-if="icon === 'file'" size="38"></file-icon>
+                <file-text-icon v-if="icon === 'file-text'" size="38"></file-text-icon>
+            </div>
+            <div class="header">
+                <h1 class="title">{{ title }}</h1>
+                <h2 class="description">{{ description }}</h2>
+            </div>
+            <slot></slot>
+        </div>
+    </div>
+</template>
+
+<script>
+    import { FileIcon, FileTextIcon } from 'vue-feather-icons'
+
+    export default {
+        name: 'EmptyPageContent',
+        props: ['icon','title','description'],
+        components: {
+            FileTextIcon,
+            FileIcon,
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .empty-page-content {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        text-align: center;
+
+        .content {
+            margin: 0 auto;
+            max-width: 360px;
+        }
+
+        .icon {
+            path, polyline, line {
+                stroke: $theme;
+            }
+        }
+
+        .header {
+            margin-top: 15px;
+            margin-bottom: 25px;
+        }
+
+        .title {
+            @include font-size(23);
+            font-weight: 700;
+            padding-bottom: 5px;
+        }
+
+        .description {
+            @include font-size(16);
+            font-weight: 500;
+        }
+    }
+</style>