@vc-shell/framework 1.0.235 → 1.0.236

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 (12) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/framework.js +272 -277
  3. package/dist/index.css +1 -1
  4. package/dist/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue.d.ts.map +1 -1
  5. package/dist/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue.d.ts.map +1 -1
  6. package/package.json +4 -4
  7. package/shared/modules/assets-manager/components/assets-manager/assets-manager.vue +6 -6
  8. package/ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue +1 -1
  9. package/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue +4 -1
  10. package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue +12 -21
  11. package/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue +11 -6
  12. package/ui/components/organisms/vc-table/vc-table.vue +1 -1
package/dist/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vc-app-menu-link.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAIjE,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC3C;;;;;;;;;;;;AA4RD,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"vc-app-menu-link.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAIjE,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC3C;;;;;;;;;;;;AAyQD,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vc-app-menu.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5C,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;CAChC;;;;;;;;;;;;;;;;;;;;;;AAmVD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"vc-app-menu.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5C,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;CAChC;;;;;;;;;;;;;;;;;;;;;;AAoVD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vc-shell/framework",
3
- "version": "1.0.235",
3
+ "version": "1.0.236",
4
4
  "type": "module",
5
5
  "main": "./dist/framework.js",
6
6
  "types": "./dist/index.d.ts",
@@ -60,9 +60,9 @@
60
60
  "devDependencies": {
61
61
  "@types/dompurify": "^3.0.5",
62
62
  "@types/quill": "^2.0.14",
63
- "@vc-shell/api-client-generator": "^1.0.235",
64
- "@vc-shell/config-generator": "^1.0.235",
65
- "@vc-shell/ts-config": "^1.0.235",
63
+ "@vc-shell/api-client-generator": "^1.0.236",
64
+ "@vc-shell/config-generator": "^1.0.236",
65
+ "@vc-shell/ts-config": "^1.0.236",
66
66
  "@vitejs/plugin-vue": "^5.0.3",
67
67
  "sass": "^1.69.6",
68
68
  "shx": "^0.3.4",
package/shared/modules/assets-manager/components/assets-manager/assets-manager.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  >
12
12
  <div
13
13
  v-loading="options?.loading"
14
- class="tw-relative tw-h-full"
14
+ class="tw-relative tw-h-full tw-flex-1"
15
15
  @dragover.prevent.stop="dragOver"
16
16
  @dragleave.prevent="dragLeave"
17
17
  @drop.prevent.stop="onDrop"
@@ -232,31 +232,31 @@ const columns = ref<ITableColumns[]>([
232
232
  {
233
233
  id: "url",
234
234
  title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.IMAGE")),
235
- width: "60px",
235
+ width: "10%",
236
236
  alwaysVisible: true,
237
237
  },
238
238
  {
239
239
  id: "name",
240
240
  title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.NAME")),
241
- width: "120px",
241
+ width: "20%",
242
242
  alwaysVisible: true,
243
243
  },
244
244
  {
245
245
  id: "size",
246
246
  title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.SIZE")),
247
- width: "100px",
247
+ width: "20%",
248
248
  alwaysVisible: true,
249
249
  },
250
250
  {
251
251
  id: "sortOrder",
252
252
  title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.SORT_ORDER")),
253
- width: "180px",
253
+ width: "25%",
254
254
  alwaysVisible: true,
255
255
  },
256
256
  {
257
257
  id: "createdDate",
258
258
  title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.CREATED_DATE")),
259
- width: "140px",
259
+ width: "25%",
260
260
  alwaysVisible: true,
261
261
  type: "date-ago",
262
262
  },
package/ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue CHANGED
@@ -13,7 +13,7 @@
13
13
  :icon="icon"
14
14
  size="s"
15
15
  />
16
- <div class="vc-breadcrumbs-item__title">
16
+ <div class="vc-breadcrumbs-item__title tw-max-w-[150px] tw-truncate">
17
17
  {{ title }}
18
18
  </div>
19
19
  </div>
package/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue CHANGED
@@ -32,7 +32,10 @@
32
32
  v-for="(item, i) in visibleBreadcrumbs"
33
33
  :key="item?.id ?? `breadcrumb-item-${i}`"
34
34
  >
35
- <div v-if="item && item.title && item.isVisible">
35
+ <div
36
+ v-if="item && item.title && item.isVisible"
37
+ class="tw-flex tw-flex-row tw-items-center tw-justify-center"
38
+ >
36
39
  <VcIcon
37
40
  v-if="withArrow && i < items.length - 1"
38
41
  :icon="arrowIcon"
package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div
3
- class="vc-app-menu-item"
3
+ class="vc-app-menu-item tw-flex"
4
4
  :class="[
5
5
  {
6
6
  'vc-app-menu-item_active': isMenuItemActive,
@@ -10,21 +10,12 @@
10
10
  ]"
11
11
  @click="onMenuItemClick"
12
12
  >
13
- <div
14
- class="vc-app-menu-item__handler"
15
- :class="{ 'vc-app-menu-item__handler_enabled': !sticky }"
16
- >
17
- <VcIcon
18
- icon="fas fa-ellipsis-v"
19
- size="m"
20
- />
21
- </div>
22
13
  <div
23
14
  v-if="icon"
24
- class="vc-app-menu-item__icon"
15
+ class="vc-app-menu-item__icon tw-w-[var(--app-menu-item-icon-width)]"
25
16
  >
26
17
  <VcIcon
27
- class="tw-w-[var(--app-menu-item-icon-width)] tw-text-center"
18
+ class="tw-text-center"
28
19
  :icon="icon"
29
20
  size="m"
30
21
  />
@@ -64,7 +55,7 @@
64
55
  :class="[
65
56
  {
66
57
  'vc-app-menu-item__child-item_active': isActive(nested.url ?? ''),
67
- 'tw-px-[10px] tw-flex tw-justify-center tw-items-center': !expand,
58
+ 'tw-pl-[21px]': expand,
68
59
  },
69
60
  'vc-app-menu-item__child-item tw-min-w-0 tw-flex tw-w-full tw-h-[var(--app-menu-item-height)] tw-items-center',
70
61
  ]"
@@ -72,20 +63,20 @@
72
63
  >
73
64
  <div
74
65
  v-if="nested.icon"
75
- class="vc-app-menu-item__icon"
66
+ class="vc-app-menu-item__icon tw-w-[var(--app-menu-item-icon-width)]"
76
67
  :class="{
77
68
  'tw-p-0': !expand,
78
69
  }"
79
70
  >
80
71
  <VcIcon
81
- class="tw-w-[var(--app-menu-item-icon-width)] tw-text-center"
72
+ class="tw-text-center"
82
73
  :icon="nested.icon"
83
74
  size="m"
84
75
  />
85
76
  </div>
86
77
  <p
87
78
  v-if="expand"
88
- class="tw-truncate"
79
+ class="tw-truncate tw-pl-[7px]"
89
80
  >
90
81
  {{ nested.title }}
91
82
  </p>
@@ -184,7 +175,7 @@ const isActive = (url: string) => {
184
175
  .vc-app-menu-item {
185
176
  @apply tw-flex tw-items-center tw-w-full tw-h-[var(--app-menu-item-height)]
186
177
  tw-border-none
187
- tw-flex-nowrap tw-box-border tw-cursor-pointer tw-relative tw-uppercase tw-select-none;
178
+ tw-flex-nowrap tw-box-border tw-cursor-pointer tw-relative tw-uppercase tw-select-none tw-py-[4px] tw-px-[8px];
188
179
 
189
180
  &_active {
190
181
  @apply tw-bg-[color:var(--app-menu-item-background-color-active)]
@@ -215,7 +206,7 @@ const isActive = (url: string) => {
215
206
  &__icon {
216
207
  @apply tw-text-[color:var(--app-menu-item-icon-color)]
217
208
  tw-overflow-hidden tw-flex
218
- tw-justify-center tw-shrink-0 tw-transition-[color] tw-duration-200 tw-pr-[7px];
209
+ tw-justify-center tw-shrink-0 tw-transition-[color] tw-duration-200;
219
210
  }
220
211
 
221
212
  &_active &__icon {
@@ -226,7 +217,7 @@ const isActive = (url: string) => {
226
217
  @apply tw-truncate
227
218
  tw-text-lg
228
219
  tw-font-medium
229
- tw-pr-2
220
+ tw-pl-[7px]
230
221
  tw-text-[color:var(--app-menu-item-title-color)]
231
222
  [transition:color_0.2s_ease]
232
223
  tw-opacity-100 tw-w-full tw-flex tw-justify-between tw-items-center;
@@ -250,9 +241,9 @@ const isActive = (url: string) => {
250
241
  }
251
242
 
252
243
  &__child-item {
253
- @apply tw-cursor-pointer tw-w-fit tw-py-[4px] tw-px-[6px] tw-rounded-[4px]
244
+ @apply tw-cursor-pointer tw-w-fit tw-py-[4px] tw-px-[8px] tw-rounded-[4px]
254
245
  hover:tw-bg-[color:var(--app-menu-item-background-color-hover)]
255
- hover:tw-text-[color:var(--app-menu-item-title-color-active)] tw-pl-[25px];
246
+ hover:tw-text-[color:var(--app-menu-item-title-color-active)];
256
247
 
257
248
  &_active {
258
249
  @apply tw-bg-[color:var(--app-menu-item-background-color-active)]
package/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue CHANGED
@@ -1,12 +1,12 @@
1
1
  <template>
2
2
  <div
3
3
  v-if="isMenuVisible"
4
- class="tw-relative tw-w-[var(--app-menu-width)] [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-pt-[22px]"
4
+ class="vc-app-menu tw-relative tw-w-[var(--app-menu-width)] [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-pt-[22px]"
5
5
  :class="{
6
6
  'vc-app-menu_mobile tw-hidden !tw-fixed !tw-left-0 !tw-top-0 !tw-w-full !tw-bottom-0 !tw-z-[9999]':
7
7
  $isMobile.value,
8
8
  '!tw-block': isMobileVisible,
9
- '!tw-w-[63px]': $isDesktop.value && !isExpanded,
9
+ '!tw-w-[var(--app-menu-width-collapse)]': $isDesktop.value && !isExpanded,
10
10
  }"
11
11
  @mouseenter="!isExpanded && expandOverHandler(true)"
12
12
  @mouseover="!isExpanded && expandOverHandler(true)"
@@ -22,7 +22,8 @@
22
22
  class="!tw-absolute vc-app-menu__inner tw-flex tw-flex-col tw-h-full [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-z-[9999] tw-top-0 tw-bottom-0 tw-bg-[color:var(--app-background)] tw-shadow-[inset_0px_2px_5px_0px_#3654751A]"
23
23
  :class="{
24
24
  'tw-left-0 tw-pt-[22px]': $isDesktop.value,
25
- '!tw-w-[63px] !tw-shadow-[inset_4px_2px_5px_0px_#3654751A]': $isDesktop.value && !isExpanded && !isExpandedOver,
25
+ '!tw-w-[var(--app-menu-width-collapse)] !tw-shadow-[inset_4px_2px_5px_0px_#3654751A]':
26
+ $isDesktop.value && !isExpanded && !isExpandedOver,
26
27
  'tw-w-[var(--app-menu-width)]': $isDesktop.value && (isExpanded || isExpandedOver),
27
28
  'tw-shadow-none': $isDesktop.value && isExpanded,
28
29
  }"
@@ -42,7 +43,7 @@
42
43
 
43
44
  <div
44
45
  v-if="$isDesktop.value"
45
- class="tw-pl-[21px] tw-pb-2"
46
+ class="tw-pl-[19px] tw-pb-2"
46
47
  >
47
48
  <button
48
49
  class="tw-p-[10px] tw-h-[var(--app-menu-item-height)] tw-rounded tw-text-[color:var(--app-menu-burger-color)] hover:tw-bg-[color:var(--app-menu-burger-background-color)]"
@@ -63,8 +64,8 @@
63
64
  <div
64
65
  class="tw-gap-[5px] tw-flex tw-flex-col tw-h-full"
65
66
  :class="{
66
- 'tw-px-[21px]': ($isDesktop.value && (isExpanded || isExpandedOver)) || $isMobile.value,
67
- 'tw-pl-[21px] tw-pr-[2px]': $isDesktop.value && !isExpanded && !isExpandedOver,
67
+ 'tw-px-[19px]': ($isDesktop.value && (isExpanded || isExpandedOver)) || $isMobile.value,
68
+ 'tw-pl-[19px] tw-pr-[4px]': $isDesktop.value && !isExpanded && !isExpandedOver,
68
69
  }"
69
70
  >
70
71
  <slot
@@ -154,6 +155,7 @@ defineExpose({
154
155
  <style lang="scss">
155
156
  :root {
156
157
  --app-menu-width: 230px;
158
+ --app-menu-width-collapse: 63px;
157
159
  --app-menu-background-color: #ffffff;
158
160
  --app-menu-version-color: #838d9a;
159
161
 
@@ -162,6 +164,9 @@ defineExpose({
162
164
  }
163
165
 
164
166
  .vc-app-menu {
167
+ ::-webkit-scrollbar {
168
+ display: none;
169
+ }
165
170
  &_mobile &__inner {
166
171
  @apply tw-absolute tw-z-[9999] tw-right-0 tw-top-0 tw-bottom-0 tw-w-[300px] tw-max-w-[60%] tw-bg-[color:var(--app-menu-background-color)];
167
172
  }
package/ui/components/organisms/vc-table/vc-table.vue CHANGED
@@ -222,7 +222,7 @@
222
222
  >
223
223
  <div
224
224
  v-if="multiselect && index === 0"
225
- class="tw-flex tw-pl-5 tw-items-center tw-justify-center tw-w-auto tw-bg-[#f9f9f9] tw-box-border tw-select-none tw-overflow-hidden tw-z-[1]"
225
+ class="tw-flex tw-pl-5 tw-items-center tw-justify-center tw-w-auto tw-bg-[#f9f9f9] tw-box-border tw-select-none tw-overflow-hidden tw-z-[1] tw-shrink-0"
226
226
  >
227
227
  <div class="tw-flex tw-justify-center tw-items-center">
228
228
  <VcCheckbox