Create Folder - ContextMenu,add X icon for rename popup input, Dekstoptolbar icons,Recent uploads sorting,Windows scroller in nav sidebar,Change color of Delere in context menu

2026-04-27 18:40:39 +00:00 · 2021-01-18 20:00:26 +01:00
parent a0c39bd955
commit 4b1e5fcb46
14 changed files with 316 additions and 63 deletions
@@ -0,0 +1,75 @@
+<template>
+    <div class="table-wrapper">
+        <slot>
+            <child @click="setTab"></child>
+        </slot>
+    </div>
+</template>
+
+<script>
+    import TableOption from '@/components/Others/TableOption'
+    export default {
+        name: "TableWrapper",
+        components: {TableOption},
+        data () {
+            return {
+                tabList: []
+            }
+        },
+        methods: {
+            setTab(tab){
+                console.log('setTab')
+                this.$children.find(child => child._props.title === tab)
+            }
+        },
+        mounted () {
+            this.$children.map(child => {
+                this.tabList.push(child._props.title)
+            })
+            console.log(this.$children)
+        }
+        
+    }
+</script>
+
+<style scoped lang="scss">
+    @import "@assets/vue-file-manager/_inapp-forms.scss";
+    @import '@assets/vue-file-manager/_forms';
+
+    .table-wrapper {
+        display: flex;
+        justify-content: center;
+        padding: 0px 20px;
+        margin-bottom: 20px;
+        cursor: pointer;
+        
+        & > * {
+            width: 100%;
+            height: 42px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: $light_background;
+            color: $text;
+        }
+        & > :first-child {
+            border-top-left-radius: 8px;
+            border-bottom-left-radius: 8px;
+        }
+        & > :last-child {
+            border-top-right-radius: 8px;
+            border-bottom-right-radius: 8px;
+        }
+        
+    }
+
+    @media (prefers-color-scheme: dark) {
+        .table-wrapper {   
+            & > * {
+                background: $dark_mode_foreground;
+                color: $dark_mode_text_primary;
+            }
+        }
+    }
+
+</style>