admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finished modal movement

Browse Source
This commit is contained in:
kandrusyak
2023-02-14 18:51:45 +03:00
parent 622b155a86
commit 614fa59f60
6 changed files with 90 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Notifications/TheNotificationProvider.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug">
teleport(:to="appContainer")
.absolute.bottom-0.p-2.right-0.overflow-hidden.z-50(class="w-1/4 xl:w-1/3 sm:w-1/2")
.absolute.top-0.p-2.right-0.overflow-hidden.z-50(class="w-1/4 xl:w-1/3 sm:w-1/2")
.pt-32(v-if="displayPadding")
.flex.gap-2.flex-col.relative
transition-group(name="list", @before-leave="displayPadding = true", @after-leave="displayPadding = false")
@@ -54,7 +54,7 @@ export default {
.list-enter-from,
.list-leave-to {
opacity: 0;
transform: translateY(30px);
transform: translateY(-30px);
pointer-events: none;
}
</style>