@vc-shell/framework 1.0.301 → 1.0.302

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.
@@ -1 +1 @@
1
- {"version":3,"file":"theme-selector.vue.d.ts","sourceRoot":"","sources":["../../../../shared/components/theme-selector/theme-selector.vue.ts"],"names":[],"mappings":";AAmJA,wBAKG"}
1
+ {"version":3,"file":"theme-selector.vue.d.ts","sourceRoot":"","sources":["../../../../shared/components/theme-selector/theme-selector.vue.ts"],"names":[],"mappings":";AAsJA,wBAKG"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vc-shell/framework",
3
- "version": "1.0.301",
3
+ "version": "1.0.302",
4
4
  "type": "module",
5
5
  "main": "./dist/framework.js",
6
6
  "types": "./dist/index.d.ts",
@@ -61,9 +61,9 @@
61
61
  "devDependencies": {
62
62
  "@types/dompurify": "^3.0.5",
63
63
  "@types/quill": "^2.0.14",
64
- "@vc-shell/api-client-generator": "^1.0.301",
65
- "@vc-shell/config-generator": "^1.0.301",
66
- "@vc-shell/ts-config": "^1.0.301",
64
+ "@vc-shell/api-client-generator": "^1.0.302",
65
+ "@vc-shell/config-generator": "^1.0.302",
66
+ "@vc-shell/ts-config": "^1.0.302",
67
67
  "@vitejs/plugin-vue": "5.0.3",
68
68
  "cypress-signalr-mock": "^1.5.0",
69
69
  "sass": "^1.69.6",
@@ -15,6 +15,9 @@
15
15
  <div
16
16
  v-if="opened"
17
17
  class="vc-theme-selector__dropdown"
18
+ :class="{
19
+ 'vc-theme-selector__dropdown--mobile': $isMobile.value,
20
+ }"
18
21
  >
19
22
  <div
20
23
  v-for="(theme, i) in themes"
@@ -74,6 +77,10 @@ const themeText = computed(() => {
74
77
  .vc-theme-selector {
75
78
  &__dropdown {
76
79
  @apply tw-bg-[color:var(--theme-selector-bg-color)] tw-min-w-20 tw-max-w-max;
80
+
81
+ &--mobile {
82
+ @apply tw-min-w-full tw-max-w-full;
83
+ }
77
84
  }
78
85
 
79
86
  &__item {
@@ -86,7 +86,7 @@ watch(isOutside, (outside) => {
86
86
  }
87
87
 
88
88
  &__content {
89
- @apply tw-absolute tw-z-[100] tw-bg-[color:var(--tooltip-background-color)] tw-border tw-border-solid tw-border-[color:var(--tooltip-border-color)] tw-shadow-lg tw-rounded tw-text-[color:var(--tooltip-text-color)] tw-font-normal tw-py-1 tw-px-2;
89
+ @apply tw-absolute tw-z-[1001] tw-bg-[color:var(--tooltip-background-color)] tw-border tw-border-solid tw-border-[color:var(--tooltip-border-color)] tw-shadow-lg tw-rounded tw-text-[color:var(--tooltip-text-color)] tw-font-normal tw-py-1 tw-px-2;
90
90
  }
91
91
  }
92
92
  </style>
@@ -131,7 +131,7 @@ watchDebounced(
131
131
  }
132
132
 
133
133
  .vc-app-bar {
134
- @apply tw-relative tw-flex tw-items-center tw-justify-between tw-px-4 tw-z-50;
134
+ @apply tw-relative tw-flex tw-items-center tw-justify-between tw-px-4;
135
135
  height: var(--app-bar-height);
136
136
  background-color: var(--app-bar-background-color);
137
137
  box-shadow: var(--app-bar-shadow);
@@ -175,7 +175,7 @@ defineExpose({
175
175
  }
176
176
 
177
177
  .vc-app-menu {
178
- @apply tw-relative tw-w-[var(--app-menu-width)] tw-pt-6 -tw-mr-2 [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s];
178
+ @apply tw-relative tw-w-[var(--app-menu-width)] tw-pt-6 -tw-mr-2 [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-z-[1001];
179
179
 
180
180
  &.vc-app-menu--mobile {
181
181
  @apply tw-hidden tw-h-full tw-w-full #{!important};
@@ -1,4 +0,0 @@
1
- import { b as f } from "./index-BPscLY-3.js";
2
- export {
3
- f as default
4
- };