nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-24 01:50:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

added prettier

Browse Source
This commit is contained in:
Čarodej
2022-02-01 12:21:38 +01:00
parent 5ae875233b
commit b38b532cbe
284 changed files with 25410 additions and 25338 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Others/Vignette.vue
+65 -68
View File
@@ -5,81 +5,78 @@
</template>
<script>
import {events} from '../../bus'
import { mapGetters } from 'vuex'
import { events } from '../../bus'
import { mapGetters } from 'vuex'
export default {
name: 'Vignette',
computed: {
...mapGetters([
'processingPopup'
]),
isVisible() {
return this.processingPopup || this.isVisibleVignette
},
export default {
name: 'Vignette',
computed: {
...mapGetters(['processingPopup']),
isVisible() {
return this.processingPopup || this.isVisibleVignette
},
data() {
return {
isVisibleVignette: false,
}
},
methods: {
closePopup() {
events.$emit('popup:close')
events.$emit('spotlight:hide')
events.$emit('mobile-menu:hide')
}
},
created() {
// Show vignette
events.$on('popup:open', () => this.isVisibleVignette = true)
events.$on('spotlight:show', () => this.isVisibleVignette = true)
events.$on('mobile-menu:show', () => this.isVisibleVignette = true)
events.$on('alert:open', () => this.isVisibleVignette = true)
events.$on('success:open', () => this.isVisibleVignette = true)
events.$on('confirm:open', () => this.isVisibleVignette = true)
// Hide vignette
events.$on('mobile-menu:hide', () => this.isVisibleVignette = false)
events.$on('popup:close', () => this.isVisibleVignette = false)
},
data() {
return {
isVisibleVignette: false,
}
}
},
methods: {
closePopup() {
events.$emit('popup:close')
events.$emit('spotlight:hide')
events.$emit('mobile-menu:hide')
},
},
created() {
// Show vignette
events.$on('popup:open', () => (this.isVisibleVignette = true))
events.$on('spotlight:show', () => (this.isVisibleVignette = true))
events.$on('mobile-menu:show', () => (this.isVisibleVignette = true))
events.$on('alert:open', () => (this.isVisibleVignette = true))
events.$on('success:open', () => (this.isVisibleVignette = true))
events.$on('confirm:open', () => (this.isVisibleVignette = true))
// Hide vignette
events.$on('mobile-menu:hide', () => (this.isVisibleVignette = false))
events.$on('popup:close', () => (this.isVisibleVignette = false))
},
}
</script>
<style lang="scss" scoped>
@import '../../../sass/vuefilemanager/variables';
@import '../../../sass/vuefilemanager/mixins';
@import '../../../sass/vuefilemanager/variables';
@import '../../../sass/vuefilemanager/mixins';
.vignette {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 40;
background: $light_mode_vignette;
.vignette {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 40;
background: $light_mode_vignette;
}
// Dark mode
.dark .vignette {
background: $dark_mode_vignette;
}
.vignette-enter-active {
animation: vignette-in 0.35s ease;
}
.vignette-leave-active {
animation: vignette-in 0.15s ease reverse;
}
@keyframes vignette-in {
0% {
opacity: 0;
}
// Dark mode
.dark .vignette {
background: $dark_mode_vignette;
}
.vignette-enter-active {
animation: vignette-in 0.35s ease;
}
.vignette-leave-active {
animation: vignette-in 0.15s ease reverse;
}
@keyframes vignette-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
100% {
opacity: 1;
}
}
</style>