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

UI improvements part 4

Browse Source
This commit is contained in:
Čarodej
2022-01-28 08:15:25 +01:00
parent f74bb7cec5
commit 0c71329dee
11 changed files with 395 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Others/Notifications/ToasterWrapper.vue
+1 -38
View File
@@ -1,5 +1,5 @@
<template>
<div id="toaster-wrapper">
<div v-if="notifications.length > 0" class="fixed lg:bottom-8 bottom-4 lg:right-8 right-4 md:left-auto left-4 z-50">
<ToasterItem :item="item" v-for="(item, i) in notifications" :key="i"/>
</div>
</template>
@@ -22,40 +22,3 @@
}
}
</script>
<style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.toaster-list {
transition: all 5s ease;
display: inline-block;
}
.toaster-list-enter,
.toaster-list-leave-to {
opacity: 0;
transform: translateY(-100%);
}
.toaster-list-leave-active {
position: absolute;
}
#toaster-wrapper {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 90;
}
@media only screen and (max-width: 690px) {
#toaster-wrapper {
right: 15px;
left: 15px;
bottom: 15px;
}
}
</style>