bfg-common 1.4.504 → 1.4.506

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 (3) hide show
  1. package/components/common/pages/home/widgets/hosts/HostsNew.vue +22 -15
  2. package/components/common/pages/home/widgets/vms/VmsNew.vue +21 -14
  3. package/package.json +1 -1
package/components/common/pages/home/widgets/hosts/HostsNew.vue CHANGED
@@ -6,19 +6,22 @@
6
6
  <div v-else class="card-content">
7
7
  <div class="card-content__title">
8
8
  <h1>{{ localization.common.hosts }}</h1>
9
- <span>({{ props.totalVms }})</span>
9
+ <span>({{ props.totalHosts }})</span>
10
10
  </div>
11
11
 
12
12
  <div class="card-content__container">
13
- <div
13
+ <template
14
14
  v-for="({ text, value, icon }, key) in props.items"
15
15
  :key="key"
16
- class="card-content-item"
17
16
  >
18
- <span :class="['icon', icon]"></span>
19
- <div class="label">{{ localization.common[text] }}</div>
20
- <div class="count">{{ value }}</div>
21
- </div>
17
+ <div v-if="key > 0" class="divider"></div>
18
+
19
+ <div class="card-content-item">
20
+ <span :class="['icon', icon]"></span>
21
+ <div class="label">{{ localization.common[text] }}</div>
22
+ <div class="count">{{ value }}</div>
23
+ </div>
24
+ </template>
22
25
  </div>
23
26
  </div>
24
27
  </ui-widget>
@@ -30,7 +33,7 @@ import type { UI_I_Card } from '~/components/common/pages/home/lib/models/interf
30
33
 
31
34
  const props = defineProps<{
32
35
  items: UI_I_Card[]
33
- totalVms: number
36
+ totalHosts: number
34
37
  loading: boolean
35
38
  }>()
36
39
 
@@ -56,15 +59,19 @@ const localization = computed<UI_I_Localization>(() => useLocal())
56
59
  }
57
60
  }
58
61
  &__container {
59
- display: flex;
60
- justify-content: space-between;
61
- text-align: center;
62
+ display: grid;
63
+ grid-template-columns: 1fr auto 1fr auto 1fr;
64
+ grid-column-gap: 12px;
65
+ padding: 24px 0;
66
+ box-sizing: border-box;
67
+ }
68
+ .divider {
69
+ width: 1px;
70
+ height: 100%;
71
+ background-color: var(--horizontal-line);
62
72
  }
63
-
64
73
  .card-content-item {
65
- display: flex;
66
- flex-direction: column;
67
- align-items: center;
74
+ @include flex($align: center, $dir: column);
68
75
 
69
76
  .icon {
70
77
  width: 20px;
package/components/common/pages/home/widgets/vms/VmsNew.vue CHANGED
@@ -10,15 +10,18 @@
10
10
  </div>
11
11
 
12
12
  <div class="card-content__container">
13
- <div
13
+ <template
14
14
  v-for="({ text, value, icon }, key) in props.items"
15
15
  :key="key"
16
- class="card-content-item"
17
16
  >
18
- <span :class="['icon', icon]"></span>
19
- <div class="label">{{ localization.common[text] }}</div>
20
- <div class="count">{{ value }}</div>
21
- </div>
17
+ <div v-if="key > 0" class="divider"></div>
18
+
19
+ <div class="card-content-item">
20
+ <span :class="['icon', icon]"></span>
21
+ <div class="label">{{ localization.common[text] }}</div>
22
+ <div class="count">{{ value }}</div>
23
+ </div>
24
+ </template>
22
25
  </div>
23
26
  </div>
24
27
  </ui-widget>
@@ -38,8 +41,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
38
41
  </script>
39
42
 
40
43
  <style lang="scss" scoped>
41
- @import 'bfg-common/assets/scss/common/mixins.scss';
42
-
44
+ @import 'assets/scss/common/mixins.scss';
43
45
  .card-content {
44
46
  &__title {
45
47
  @include flex($align: center);
@@ -57,15 +59,20 @@ const localization = computed<UI_I_Localization>(() => useLocal())
57
59
  }
58
60
  }
59
61
  &__container {
60
- display: flex;
61
- justify-content: space-between;
62
- text-align: center;
62
+ display: grid;
63
+ grid-template-columns: 1fr auto 1fr auto 1fr;
64
+ grid-column-gap: 12px;
65
+ padding: 24px 0;
66
+ box-sizing: border-box;
67
+ }
68
+ .divider {
69
+ width: 1px;
70
+ height: 100%;
71
+ background-color: var(--horizontal-line);
63
72
  }
64
73
 
65
74
  .card-content-item {
66
- display: flex;
67
- flex-direction: column;
68
- align-items: center;
75
+ @include flex($align: center, $dir: column);
69
76
 
70
77
  .icon {
71
78
  width: 20px;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.4.504",
4
+ "version": "1.4.506",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",