@bildvitta/quasar-ui-asteroid 3.8.0-beta.6 → 3.8.0
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.
package/package.json
CHANGED
|
@@ -52,6 +52,10 @@
|
|
|
52
52
|
</q-item-label>
|
|
53
53
|
</q-item-section>
|
|
54
54
|
</q-item>
|
|
55
|
+
|
|
56
|
+
<div v-if="hasSeparator(index)" class="qas-app-menu__label" :class="spacedItemClass">
|
|
57
|
+
<q-separator spaced />
|
|
58
|
+
</div>
|
|
55
59
|
</div>
|
|
56
60
|
|
|
57
61
|
<q-item v-else :key="index" :active="isActive(menuItem)" active-class="q-router-link--active" class="qas-app-menu__item" :to="getRouterRedirect(menuItem)">
|
|
@@ -330,6 +334,10 @@ export default {
|
|
|
330
334
|
return !!(children || []).length
|
|
331
335
|
},
|
|
332
336
|
|
|
337
|
+
hasSeparator (index) {
|
|
338
|
+
return !!this.items[index + 1]
|
|
339
|
+
},
|
|
340
|
+
|
|
333
341
|
hasUser () {
|
|
334
342
|
return !!Object.keys(this.user).length
|
|
335
343
|
},
|
|
@@ -421,34 +429,9 @@ export default {
|
|
|
421
429
|
padding-right: var(--qas-spacing-xl) !important;
|
|
422
430
|
}
|
|
423
431
|
|
|
424
|
-
&__content .q-item {
|
|
425
|
-
// padding-top: 0;
|
|
426
|
-
}
|
|
427
|
-
|
|
428
|
-
&__content + &__content {
|
|
429
|
-
position: relative;
|
|
430
|
-
transition: left 120ms, right 120ms;
|
|
431
|
-
|
|
432
|
-
&--spaced::before {
|
|
433
|
-
left: var(--qas-spacing-xl) !important;
|
|
434
|
-
right: var(--qas-spacing-xl) !important;
|
|
435
|
-
}
|
|
436
|
-
|
|
437
|
-
&::before {
|
|
438
|
-
background-color: $separator-color;
|
|
439
|
-
content: '';
|
|
440
|
-
height: 1px;
|
|
441
|
-
left: var(--qas-spacing-md);
|
|
442
|
-
position: absolute;
|
|
443
|
-
right: var(--qas-spacing-md);
|
|
444
|
-
top: calc(var(--qas-spacing-xs) * -1);
|
|
445
|
-
transition: left 120ms, right 120ms;
|
|
446
|
-
}
|
|
447
|
-
}
|
|
448
|
-
|
|
449
432
|
&__content + &__content,
|
|
450
|
-
&
|
|
451
|
-
&
|
|
433
|
+
&__content + &__item,
|
|
434
|
+
&__item + &__content {
|
|
452
435
|
margin-top: var(--qas-spacing-sm);
|
|
453
436
|
}
|
|
454
437
|
|