@neatui/vue 2.0.18 → 2.0.20

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/basic/IRouterView.vue +22 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neatui/vue",
3
- "version": "2.0.18",
3
+ "version": "2.0.20",
4
4
  "description": "basic component ui",
5
5
  "main": "./src/index.ts",
6
6
  "license": "MIT",
package/src/components/basic/IRouterView.vue CHANGED
@@ -106,6 +106,7 @@
106
106
 
107
107
  <style lang="scss">
108
108
  .iroute-view-dark {
109
+ pointer-events: auto;
109
110
  position: absolute;
110
111
  width: 100%;
111
112
  height: 100%;
@@ -113,14 +114,19 @@
113
114
  top: 0;
114
115
  }
115
116
  .iroute-view-body {
117
+ pointer-events: none;
118
+ position: relative;
119
+ display: flex;
116
120
  z-index: 1;
117
121
  flex: 1;
118
122
  overflow: hidden;
119
- }
120
-
121
- [am-mode='preview'] {
122
- .iroute-view-body > * {
123
- height: 100%;
123
+ width: 100%;
124
+ height: 100%;
125
+ & > * {
126
+ pointer-events: none;
127
+ & > * {
128
+ pointer-events: auto;
129
+ }
124
130
  }
125
131
  }
126
132
 
@@ -197,6 +203,10 @@
197
203
  [am-view][am-mode~='preview'] {
198
204
  overflow: hidden;
199
205
 
206
+ .iroute-view-body {
207
+ justify-content: end;
208
+ }
209
+
200
210
  @keyframes am-show-preview {
201
211
  0% {
202
212
  opacity: 0;
@@ -245,9 +255,6 @@
245
255
  align-items: stretch;
246
256
  align-content: space-between;
247
257
  pointer-events: none;
248
- & > * {
249
- pointer-events: auto;
250
- }
251
258
  }
252
259
  }
253
260
  &[am-view='list'],
@@ -282,7 +289,13 @@
282
289
  overflow: hidden;
283
290
 
284
291
  .iroute-view-body {
285
- flex: initial;
292
+ position: relative;
293
+ display: flex;
294
+ flex-direction: column;
295
+ justify-content: center;
296
+ align-items: center;
297
+ align-content: center;
298
+ pointer-events: none;
286
299
  }
287
300
 
288
301
  @keyframes am-show-pop-up {
@@ -336,9 +349,6 @@
336
349
  pointer-events: none;
337
350
  background-color: rgba(0, 0, 0, 0.5);
338
351
  transition: all 0.35s;
339
- & > * {
340
- pointer-events: auto;
341
- }
342
352
  }
343
353
  }
344
354
  &[am-view='list'],