@neatui/vue 2.0.18 → 2.0.19

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 +19 -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.19",
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,16 @@
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: auto;
124
127
  }
125
128
  }
126
129
 
@@ -197,6 +200,10 @@
197
200
  [am-view][am-mode~='preview'] {
198
201
  overflow: hidden;
199
202
 
203
+ .iroute-view-body {
204
+ justify-content: end;
205
+ }
206
+
200
207
  @keyframes am-show-preview {
201
208
  0% {
202
209
  opacity: 0;
@@ -245,9 +252,6 @@
245
252
  align-items: stretch;
246
253
  align-content: space-between;
247
254
  pointer-events: none;
248
- & > * {
249
- pointer-events: auto;
250
- }
251
255
  }
252
256
  }
253
257
  &[am-view='list'],
@@ -282,7 +286,13 @@
282
286
  overflow: hidden;
283
287
 
284
288
  .iroute-view-body {
285
- flex: initial;
289
+ position: relative;
290
+ display: flex;
291
+ flex-direction: column;
292
+ justify-content: center;
293
+ align-items: center;
294
+ align-content: center;
295
+ pointer-events: none;
286
296
  }
287
297
 
288
298
  @keyframes am-show-pop-up {
@@ -336,9 +346,6 @@
336
346
  pointer-events: none;
337
347
  background-color: rgba(0, 0, 0, 0.5);
338
348
  transition: all 0.35s;
339
- & > * {
340
- pointer-events: auto;
341
- }
342
349
  }
343
350
  }
344
351
  &[am-view='list'],