nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-05-13 16:55:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

TeamMembersButton.vue tailwind refactoring

Browse Source
This commit is contained in:
Čarodej
2021-10-26 07:06:45 +02:00
parent fda82d6dbf
commit 54af098148
2 changed files with 32 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/mix-manifest.json
+19 -2
View File
@@ -60,7 +60,7 @@
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=b5017d712135057283c9",
"/chunks/plans.js": "/chunks/plans.js?id=7c1b78c2301824c517ed",
"/chunks/platform.js": "/chunks/platform.js?id=fd8137852ab76f875886",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=cf84e7f078304d8afb28",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=6eab13949e690d85a716",
"/chunks/profile.js": "/chunks/profile.js?id=0638997b77c6f1246062",
"/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=58edfb3a35062e1ba4e0",
"/chunks/purchase-code.js": "/chunks/purchase-code.js?id=3f4199493a8b878c7ece",
@@ -673,5 +673,22 @@
"/chunks/platform~chunks/shared.690809321d3bd62b7f43.hot-update.js": "/chunks/platform~chunks/shared.690809321d3bd62b7f43.hot-update.js",
"/chunks/platform~chunks/shared.7b3886e99e990084a8d4.hot-update.js": "/chunks/platform~chunks/shared.7b3886e99e990084a8d4.hot-update.js",
"/chunks/platform~chunks/shared.d44773dfdd28c2affd50.hot-update.js": "/chunks/platform~chunks/shared.d44773dfdd28c2affd50.hot-update.js",
"/chunks/platform~chunks/shared.40fc121b64b32914b4a4.hot-update.js": "/chunks/platform~chunks/shared.40fc121b64b32914b4a4.hot-update.js"
"/chunks/platform~chunks/shared.40fc121b64b32914b4a4.hot-update.js": "/chunks/platform~chunks/shared.40fc121b64b32914b4a4.hot-update.js",
"/chunks/platform~chunks/shared.d53b69d58ecae8434e7a.hot-update.js": "/chunks/platform~chunks/shared.d53b69d58ecae8434e7a.hot-update.js",
"/chunks/platform~chunks/shared.bab9e2d858e728fed379.hot-update.js": "/chunks/platform~chunks/shared.bab9e2d858e728fed379.hot-update.js",
"/chunks/platform~chunks/shared.a0426cbc94277f4374d9.hot-update.js": "/chunks/platform~chunks/shared.a0426cbc94277f4374d9.hot-update.js",
"/chunks/platform~chunks/shared.74f79e897f06794b72ce.hot-update.js": "/chunks/platform~chunks/shared.74f79e897f06794b72ce.hot-update.js",
"/chunks/platform~chunks/shared.dc947a4741d90316e27a.hot-update.js": "/chunks/platform~chunks/shared.dc947a4741d90316e27a.hot-update.js",
"/chunks/platform~chunks/shared.7c11182be61af56bbf2b.hot-update.js": "/chunks/platform~chunks/shared.7c11182be61af56bbf2b.hot-update.js",
"/chunks/platform~chunks/shared.25774e6231900b998cc9.hot-update.js": "/chunks/platform~chunks/shared.25774e6231900b998cc9.hot-update.js",
"/chunks/platform~chunks/shared.509da3dfcd92cd55e248.hot-update.js": "/chunks/platform~chunks/shared.509da3dfcd92cd55e248.hot-update.js",
"/chunks/platform~chunks/shared.775d1a151340a268cb09.hot-update.js": "/chunks/platform~chunks/shared.775d1a151340a268cb09.hot-update.js",
"/chunks/platform~chunks/shared.ab0dee0a643315adb4ff.hot-update.js": "/chunks/platform~chunks/shared.ab0dee0a643315adb4ff.hot-update.js",
"/chunks/platform~chunks/shared.23f320f478f51155e402.hot-update.js": "/chunks/platform~chunks/shared.23f320f478f51155e402.hot-update.js",
"/chunks/platform~chunks/shared.13436e0931b52faab6f9.hot-update.js": "/chunks/platform~chunks/shared.13436e0931b52faab6f9.hot-update.js",
"/chunks/platform~chunks/shared.ab5424ea9cf37dabc184.hot-update.js": "/chunks/platform~chunks/shared.ab5424ea9cf37dabc184.hot-update.js",
"/chunks/platform~chunks/shared.0454f99a43967923eb3c.hot-update.js": "/chunks/platform~chunks/shared.0454f99a43967923eb3c.hot-update.js",
"/chunks/platform~chunks/shared.dffbe84f22d1bbbac981.hot-update.js": "/chunks/platform~chunks/shared.dffbe84f22d1bbbac981.hot-update.js",
"/chunks/platform~chunks/shared.9e2fd3db95253a09c0bd.hot-update.js": "/chunks/platform~chunks/shared.9e2fd3db95253a09c0bd.hot-update.js",
"/chunks/platform~chunks/shared.f74d74a8e36565622615.hot-update.js": "/chunks/platform~chunks/shared.f74d74a8e36565622615.hot-update.js"
}
resources/js/components/Teams/Components/TeamMembersButton.vue
+13 -33
View File
@@ -1,20 +1,22 @@
<template>
<div class="team-folder-wrapper">
<div v-if="! teamFolder" class="empty-state">
<span>Not selected</span>
<div class="w-28">
<div v-if="! teamFolder" class="text-center">
<span class="dark:text-gray-500 text-gray-600 mr-0.5 text-tiny">
{{ $t('Not selected') }}
</span>
</div>
<TeamMembersPreview v-else :folder="teamFolder" :limit="true" :avatar-size="32" class="widget" />
<TeamMembersPreview v-else :folder="teamFolder" :limit="true" :avatar-size="32" class="justify-center" />
</div>
</template>
<script>
import {mapGetters} from "vuex";
import TeamMembersPreview from "./TeamMembersPreview";
import TeamMembersPreview from "./TeamMembersPreview"
import {mapGetters} from "vuex"
export default {
name: "TeamMembersButton",
components: {
TeamMembersPreview
TeamMembersPreview,
},
computed: {
...mapGetters([
@@ -22,32 +24,10 @@
'clipboard',
]),
teamFolder() {
return this.currentTeamFolder ? this.currentTeamFolder : this.clipboard[0]
return this.currentTeamFolder
? this.currentTeamFolder
: this.clipboard[0]
}
},
}
</script>
<style lang="scss" scoped>
@import "resources/sass/vuefilemanager/_variables";
@import "resources/sass/vuefilemanager/_mixins";
.team-folder-wrapper {
width: 107px;
.widget {
justify-content: center;
}
}
.empty-state {
text-align: center;
span {
@include font-size(12);
color: $text-muted;
opacity: 0.7;
margin-right: 7px;
}
}
</style>
</script>