nuxt-glorious 1.2.2-7 → 1.2.2-8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of nuxt-glorious might be problematic. Click here for more details.
package/dist/module.json
CHANGED
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
.glorious-scaffold-modal.close {
|
|
32
32
|
@apply hidden;
|
|
33
33
|
}
|
|
34
|
-
.glorious-scaffold-modal.open {
|
|
34
|
+
.glorious-scaffold-modal.open.animation {
|
|
35
35
|
animation: animationMobile 0.3s normal forwards;
|
|
36
36
|
}
|
|
37
37
|
@screen md {
|
|
38
|
-
.glorious-scaffold-modal.open {
|
|
38
|
+
.glorious-scaffold-modal.open.animation {
|
|
39
39
|
animation: animationOpacity 0.3s normal forwards;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
@@ -61,6 +61,6 @@
|
|
|
61
61
|
transform: translateY(0);
|
|
62
62
|
}
|
|
63
63
|
100% {
|
|
64
|
-
transform: translateY(
|
|
64
|
+
transform: translateY(0);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
@@ -67,12 +67,21 @@ const addBlurBackground = (): void => {
|
|
|
67
67
|
watch(
|
|
68
68
|
() => props.modelValue,
|
|
69
69
|
() => {
|
|
70
|
+
const modals = document.querySelectorAll(".glorious-scaffold-modal");
|
|
70
71
|
if (props.modelValue && props.blur) {
|
|
71
72
|
addBlurBackground();
|
|
73
|
+
setTimeout(() => {
|
|
74
|
+
modals.forEach((el: any) => {
|
|
75
|
+
el.classList.remove("animation");
|
|
76
|
+
});
|
|
77
|
+
}, 500);
|
|
72
78
|
} else {
|
|
73
79
|
const blur: any = document.querySelector(
|
|
74
80
|
".glorious-scaffold-modal-bg-blur"
|
|
75
81
|
);
|
|
82
|
+
modals.forEach((el: any) => {
|
|
83
|
+
el.classList.add("animation");
|
|
84
|
+
});
|
|
76
85
|
if (blur !== null) blur.remove();
|
|
77
86
|
}
|
|
78
87
|
}
|
|
@@ -81,7 +90,7 @@ watch(
|
|
|
81
90
|
|
|
82
91
|
<template>
|
|
83
92
|
<div
|
|
84
|
-
class="glorious-scaffold-modal"
|
|
93
|
+
class="glorious-scaffold-modal animation"
|
|
85
94
|
:class="[props.modelValue ? 'open' : 'close', `size-${props.size}`]"
|
|
86
95
|
>
|
|
87
96
|
<!-- header -->
|
|
@@ -153,11 +162,11 @@ watch(
|
|
|
153
162
|
.glorious-scaffold-modal.close {
|
|
154
163
|
@apply hidden;
|
|
155
164
|
}
|
|
156
|
-
.glorious-scaffold-modal.open {
|
|
165
|
+
.glorious-scaffold-modal.open.animation {
|
|
157
166
|
animation: animationMobile 0.3s normal forwards;
|
|
158
167
|
}
|
|
159
168
|
@screen md {
|
|
160
|
-
.glorious-scaffold-modal.open {
|
|
169
|
+
.glorious-scaffold-modal.open.animation {
|
|
161
170
|
animation: animationOpacity 0.3s normal forwards;
|
|
162
171
|
}
|
|
163
172
|
}
|
|
@@ -183,7 +192,7 @@ watch(
|
|
|
183
192
|
transform: translateY(0);
|
|
184
193
|
}
|
|
185
194
|
100% {
|
|
186
|
-
transform: translateY(
|
|
195
|
+
transform: translateY(0);
|
|
187
196
|
}
|
|
188
197
|
}
|
|
189
198
|
</style>
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.2.2-
|
|
2
|
+
"version": "1.2.2-8",
|
|
3
3
|
"name": "nuxt-glorious",
|
|
4
4
|
"description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
|
|
5
5
|
"repository": "sajadhzj/nuxt-glorious",
|