dashboard-shell-shell 3.0.5-test.8 → 3.0.5-test.80

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 (220) hide show
  1. package/assets/brand/csp/favicon.png +0 -0
  2. package/assets/icons/iconfont.css +4 -1
  3. package/assets/iconsNew/demo.css +539 -0
  4. package/assets/iconsNew/demo.css:Zone.Identifier +0 -0
  5. package/assets/iconsNew/demo_index.html +303 -0
  6. package/assets/iconsNew/demo_index.html:Zone.Identifier +0 -0
  7. package/assets/iconsNew/iconfont.css +43 -0
  8. package/assets/iconsNew/iconfont.css:Zone.Identifier +0 -0
  9. package/assets/iconsNew/iconfont.js +1 -0
  10. package/assets/iconsNew/iconfont.js:Zone.Identifier +0 -0
  11. package/assets/iconsNew/iconfont.json +44 -0
  12. package/assets/iconsNew/iconfont.json:Zone.Identifier +0 -0
  13. package/assets/iconsNew/iconfont.ttf +0 -0
  14. package/assets/iconsNew/iconfont.ttf:Zone.Identifier +0 -0
  15. package/assets/iconsNew/iconfont.woff +0 -0
  16. package/assets/iconsNew/iconfont.woff2 +0 -0
  17. package/assets/iconsNew/iconfont.woff2:Zone.Identifier +0 -0
  18. package/assets/iconsNew/iconfont.woff:Zone.Identifier +0 -0
  19. package/assets/images/login-logo.svg +110 -12
  20. package/assets/images/logo.svg +129 -0
  21. package/assets/images/pl/dark/logo.svg +129 -0
  22. package/assets/images/pl/logo.svg +129 -0
  23. package/assets/styles/all.scss +23 -3
  24. package/assets/styles/app.scss +1 -0
  25. package/assets/styles/base/_helpers.scss +1 -1
  26. package/assets/styles/base/_variables.scss +2 -2
  27. package/assets/styles/fonts/_icons.scss +3 -2
  28. package/assets/styles/global/_button.scss +1 -1
  29. package/assets/styles/global/_form.scss +1 -0
  30. package/assets/styles/global/_select.scss +1 -1
  31. package/assets/styles/global/_tooltip.scss +5 -1
  32. package/assets/styles/themes/_light.scss +3 -3
  33. package/assets/styles/vendor/vue-select.scss +2 -1
  34. package/assets/translations/en-us.yaml +67 -0
  35. package/assets/translations/zh-hans.yaml +226 -24
  36. package/components/ButtonDropdown.vue +3 -1
  37. package/components/ClusterIconMenu.vue +1 -1
  38. package/components/CodeMirror.vue +6 -4
  39. package/components/ConsumptionGauge.vue +1 -1
  40. package/components/ContainerResourceLimit.vue +2 -2
  41. package/components/CruResource.vue +3 -2
  42. package/components/Drawer/ResourceDetailDrawer/ConfigTab.vue +22 -19
  43. package/components/Drawer/ResourceDetailDrawer/index.vue +3 -3
  44. package/components/ExplorerMembers.vue +10 -1
  45. package/components/GlobalRoleBindings.vue +69 -114
  46. package/components/PodSecurityAdmission.vue +1 -1
  47. package/components/PromptRemove.vue +23 -1
  48. package/components/RelatedResources.vue +3 -0
  49. package/components/Resource/Detail/TitleBar/composables.ts +16 -1
  50. package/components/Resource/Detail/TitleBar/index.vue +37 -24
  51. package/components/ResourceDetail/Masthead/index.vue +1 -1
  52. package/components/ResourceDetail/Masthead/latest.vue +1 -1
  53. package/components/ResourceDetail/Masthead/legacy.vue +8 -7
  54. package/components/ResourceDetail/legacy.vue +15 -15
  55. package/components/ResourceList/Masthead.vue +16 -15
  56. package/components/ResourceTable.vue +16 -0
  57. package/components/SideNav.vue +21 -21
  58. package/components/SingleClusterInfo.vue +2 -1
  59. package/components/SortableTable/THead.vue +46 -1
  60. package/components/SortableTable/index.vue +54 -18
  61. package/components/Tabbed/index.vue +6 -1
  62. package/components/actionButton/index.vue +649 -0
  63. package/components/auth/Principal.vue +16 -8
  64. package/components/auth/RoleDetailEdit.vue +11 -7
  65. package/components/breadcrumb/index.vue +13 -210
  66. package/components/form/ArrayList.vue +164 -147
  67. package/components/form/ArrayListGrouped.vue +5 -3
  68. package/components/form/ChangePassword.vue +1 -1
  69. package/components/form/ClusterAppearance.vue +4 -3
  70. package/components/form/Command.vue +4 -5
  71. package/components/form/Conditions.vue +15 -1
  72. package/components/form/Footer.vue +1 -0
  73. package/components/form/HealthCheck.vue +0 -2
  74. package/components/form/HookOption.vue +87 -58
  75. package/components/form/InputWithSelect.vue +8 -7
  76. package/components/form/KeyValue.vue +20 -2
  77. package/components/form/LabeledSelect.vue +3 -1
  78. package/components/form/Labels.vue +2 -2
  79. package/components/form/MatchExpressions.vue +4 -4
  80. package/components/form/Members/ClusterMembershipEditor.vue +1 -1
  81. package/components/form/Members/ClusterPermissionsEditor.vue +60 -41
  82. package/components/form/Members/MembershipEditor.vue +4 -4
  83. package/components/form/Members/ProjectMembershipEditor.vue +1 -1
  84. package/components/form/NameNsDescription.vue +3 -2
  85. package/components/form/Networking.vue +6 -9
  86. package/components/form/NodeAffinity.vue +29 -28
  87. package/components/form/PodAffinity.vue +23 -23
  88. package/components/form/Probe.vue +15 -11
  89. package/components/form/ProjectMemberEditor.vue +66 -48
  90. package/components/form/ResourceQuota/Namespace.vue +4 -4
  91. package/components/form/ResourceQuota/NamespaceRow.vue +11 -9
  92. package/components/form/ResourceQuota/Project.vue +4 -4
  93. package/components/form/ResourceQuota/ProjectRow.vue +36 -30
  94. package/components/form/ResourceSelector.vue +1 -1
  95. package/components/form/SecretSelector.vue +24 -23
  96. package/components/form/Security.vue +1 -3
  97. package/components/form/Select.vue +7 -1
  98. package/components/form/ServiceNameSelect.vue +2 -5
  99. package/components/form/ServicePorts.vue +149 -75
  100. package/components/form/Tolerations.vue +13 -9
  101. package/components/form/ValueFromResource.vue +110 -96
  102. package/components/formatter/WorkloadHealthScale.vue +4 -3
  103. package/components/nav/Group.vue +8 -1
  104. package/components/nav/Header.vue +51 -174
  105. package/components/nav/NamespaceFilter.vue +14 -19
  106. package/components/nav/TopLevelMenu.vue +100 -126
  107. package/components/nav/Type.vue +11 -3
  108. package/config/menuRouteMap.js +10 -0
  109. package/config/private-label.js +2 -3
  110. package/config/product/explorer.js +32 -10
  111. package/config/product/manager.js +28 -17
  112. package/config/product/uiplugins.js +13 -10
  113. package/config/router/navigation-guards/index.js +61 -3
  114. package/detail/node.vue +28 -23
  115. package/dialog/AddCustomBadgeDialog.vue +17 -9
  116. package/dialog/RollbackWorkloadDialog.vue +1 -1
  117. package/edit/autoscaling.horizontalpodautoscaler/external-metric.vue +1 -1
  118. package/edit/autoscaling.horizontalpodautoscaler/hpa-scaling-rule.vue +9 -6
  119. package/edit/autoscaling.horizontalpodautoscaler/index.vue +3 -1
  120. package/edit/autoscaling.horizontalpodautoscaler/metric-identifier.vue +2 -2
  121. package/edit/autoscaling.horizontalpodautoscaler/metric-object-reference.vue +7 -5
  122. package/edit/autoscaling.horizontalpodautoscaler/metric-target.vue +5 -3
  123. package/edit/autoscaling.horizontalpodautoscaler/metrics-row.vue +2 -2
  124. package/edit/autoscaling.horizontalpodautoscaler/object-metric.vue +2 -2
  125. package/edit/autoscaling.horizontalpodautoscaler/pod-metric.vue +1 -1
  126. package/edit/autoscaling.horizontalpodautoscaler/resource-metric.vue +2 -2
  127. package/edit/configmap.vue +4 -0
  128. package/edit/logging-flow/index.vue +1 -2
  129. package/edit/logging.banzaicloud.io.output/providers/awsElasticsearch.vue +3 -3
  130. package/edit/logging.banzaicloud.io.output/providers/azurestorage.vue +19 -19
  131. package/edit/logging.banzaicloud.io.output/providers/cloudwatch.vue +23 -23
  132. package/edit/logging.banzaicloud.io.output/providers/datadog.vue +19 -19
  133. package/edit/logging.banzaicloud.io.output/providers/elasticsearch.vue +14 -14
  134. package/edit/logging.banzaicloud.io.output/providers/forward.vue +12 -12
  135. package/edit/logging.banzaicloud.io.output/providers/gcs.vue +23 -23
  136. package/edit/logging.banzaicloud.io.output/providers/gelf.vue +6 -6
  137. package/edit/logging.banzaicloud.io.output/providers/kafka.vue +10 -10
  138. package/edit/logging.banzaicloud.io.output/providers/kinesisStream.vue +8 -8
  139. package/edit/logging.banzaicloud.io.output/providers/logdna.vue +17 -17
  140. package/edit/logging.banzaicloud.io.output/providers/logz.vue +7 -7
  141. package/edit/logging.banzaicloud.io.output/providers/loki.vue +12 -12
  142. package/edit/logging.banzaicloud.io.output/providers/newrelic.vue +3 -3
  143. package/edit/logging.banzaicloud.io.output/providers/opensearch.vue +14 -14
  144. package/edit/logging.banzaicloud.io.output/providers/redis.vue +6 -6
  145. package/edit/logging.banzaicloud.io.output/providers/s3.vue +23 -23
  146. package/edit/logging.banzaicloud.io.output/providers/splunkHec.vue +13 -13
  147. package/edit/logging.banzaicloud.io.output/providers/sumologic.vue +2 -2
  148. package/edit/logging.banzaicloud.io.output/providers/syslog.vue +54 -54
  149. package/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig.vue +32 -8
  150. package/edit/monitoring.coreos.com.alertmanagerconfig/types/dingding.vue +32 -0
  151. package/edit/monitoring.coreos.com.alertmanagerconfig/types/message.vue +52 -0
  152. package/edit/monitoring.coreos.com.alertmanagerconfig/types/snmp.vue +45 -0
  153. package/edit/monitoring.coreos.com.alertmanagerconfig/types/work.vue +31 -0
  154. package/edit/networking.k8s.io.ingress/Certificate.vue +14 -5
  155. package/edit/networking.k8s.io.ingress/DefaultBackend.vue +2 -2
  156. package/edit/networking.k8s.io.ingress/Rule.vue +5 -11
  157. package/edit/networking.k8s.io.ingress/RulePath.vue +105 -96
  158. package/edit/networking.k8s.io.networkpolicy/PolicyRule.vue +3 -3
  159. package/edit/networking.k8s.io.networkpolicy/PolicyRulePort.vue +4 -2
  160. package/edit/networking.k8s.io.networkpolicy/PolicyRuleTarget.vue +12 -11
  161. package/edit/networking.k8s.io.networkpolicy/index.vue +1 -1
  162. package/edit/persistentvolume/index.vue +3 -1
  163. package/edit/persistentvolumeclaim.vue +2 -0
  164. package/edit/provisioning.cattle.io.cluster/tabs/Basics.vue +1 -1
  165. package/edit/secret/index.vue +2 -2
  166. package/edit/service.vue +4 -1
  167. package/edit/storage.k8s.io.storageclass/index.vue +10 -8
  168. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/aws-ebs.vue +34 -27
  169. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/gce-pd.vue +15 -13
  170. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/vsphere-volume.vue +41 -39
  171. package/edit/workload/Job.vue +31 -34
  172. package/edit/workload/Upgrading.vue +5 -5
  173. package/edit/workload/index.vue +19 -15
  174. package/edit/workload/storage/Mount.vue +1 -0
  175. package/edit/workload/storage/awsElasticBlockStore.vue +9 -7
  176. package/edit/workload/storage/azureDisk.vue +14 -10
  177. package/edit/workload/storage/azureFile.vue +9 -7
  178. package/edit/workload/storage/csi/index.vue +6 -9
  179. package/edit/workload/storage/emptyDir.vue +7 -5
  180. package/edit/workload/storage/gcePersistentDisk.vue +9 -7
  181. package/edit/workload/storage/hostPath.vue +7 -5
  182. package/edit/workload/storage/nfs.vue +8 -6
  183. package/edit/workload/storage/persistentVolumeClaim/index.vue +12 -10
  184. package/edit/workload/storage/persistentVolumeClaim/persistentvolumeclaim.vue +20 -15
  185. package/edit/workload/storage/secret.vue +9 -6
  186. package/edit/workload/storage/vsphereVolume.vue +11 -7
  187. package/initialize/app-extended.js +7 -1
  188. package/list/management.cattle.io.podsecurityadmissionconfigurationtemplate.vue +8 -6
  189. package/mixins/create-edit-view/impl.js +10 -0
  190. package/models/provisioning.cattle.io.cluster.js +19 -18
  191. package/models/workload.js +2 -2
  192. package/package.json +1 -1
  193. package/pages/account/index.vue +93 -58
  194. package/pages/auth/login.vue +25 -28
  195. package/pages/auth/setup.vue +36 -17
  196. package/pages/c/_cluster/auth/roles/index.vue +27 -3
  197. package/pages/c/_cluster/explorer/ConfigBadge.vue +1 -1
  198. package/pages/c/_cluster/explorer/index.vue +2 -1
  199. package/pages/c/_cluster/explorer/tools/index.vue +6 -6
  200. package/pages/home.vue +55 -13
  201. package/pkg/tsconfig.json +9 -9
  202. package/pkg/vue.config.js +1 -1
  203. package/plugins/dashboard-store/actions.js +1 -1
  204. package/public/index.html +1 -1
  205. package/rancher-components/Banner/Banner.vue +14 -2
  206. package/rancher-components/Form/Radio/RadioGroup.vue +9 -1
  207. package/rancher-components/LabeledTooltip/LabeledTooltip.vue +31 -2
  208. package/scripts/build-pkg.sh +18 -23
  209. package/scripts/publish-shell.sh +1 -1
  210. package/store/i18n.js +1 -0
  211. package/store/index.js +4 -4
  212. package/store/type-map.js +0 -2
  213. package/types/shell/index.d.ts +8 -0
  214. package/utils/error.js +23 -3
  215. package/utils/errorTranslate.json +402 -8
  216. package/utils/errorTranslateNew.json +39 -0
  217. package/utils/roleFiltering.js +33 -0
  218. package/utils/title.ts +1 -1
  219. package/vue.config.js +1 -1
  220. /package/assets/images/{logo.png → pl/dark/logo.png} +0 -0
@@ -236,7 +236,7 @@ export default {
236
236
  <div class="badge-preview-header">
237
237
  <p> {{ t('clusterBadge.modal.previewHeader') }}</p>
238
238
  <div
239
- class="col span-12"
239
+ class="span-12"
240
240
  >
241
241
  <ClusterProviderIcon
242
242
  :cluster="{...previewCluster, badge: displayClusterPrevIcon}"
@@ -340,7 +340,7 @@ export default {
340
340
  display: flex;
341
341
  width: 100%;
342
342
  gap: 40px;
343
- padding: 10px 5px;
343
+ // padding: 10px 5px;
344
344
  margin-bottom: 30px;
345
345
  margin-top: 5px;
346
346
  background: var(--body-bg);
@@ -424,26 +424,34 @@ export default {
424
424
  }
425
425
 
426
426
  .badge-customisation {
427
- display: flex;
428
- gap: 10px;
427
+ // display: flex;
428
+ // gap: 10px;
429
429
 
430
- div {
430
+ >div {
431
431
  display: flex;
432
+ // align-items: flex-end;
433
+ margin-bottom: 30px;
432
434
  flex-direction: column;
433
- flex: 1;
434
- gap: 10px;
435
+ // flex: 1;
436
+ // gap: 10px;
435
437
 
436
438
  .color-input {
437
439
  display: flex;
438
440
  padding: 6px 10px;
439
441
  min-height: 61px;
440
442
  }
443
+
444
+ .checkbox-outer-container{
445
+ min-width: 160px;
446
+ margin-bottom: 10px;
447
+ // align-items: flex-start;
448
+ }
441
449
  }
442
450
 
443
451
  &-color {
444
452
  display: flex;
445
- flex-direction: column;
446
- gap: 10px;
453
+ // flex-direction: column;
454
+ // gap: 10px;
447
455
  }
448
456
  }
449
457
 
@@ -204,7 +204,7 @@ export default {
204
204
  >
205
205
  <template #title>
206
206
  <h4 class="text-default-text">
207
- {{ t('promptRollback.modalTitle', { workloadName }, true) }}
207
+ {{ t('promptRollback.modalTitle', { workloadName }) }}
208
208
  </h4>
209
209
  </template>
210
210
  <template #body>
@@ -41,7 +41,7 @@ export default {
41
41
 
42
42
  <template>
43
43
  <div>
44
- <div class="row mb-20">
44
+ <div class="row">
45
45
  <MetricTarget
46
46
  v-model:value="value.target"
47
47
  :mode="mode"
@@ -49,8 +49,8 @@ export default {
49
49
 
50
50
  <template>
51
51
  <div>
52
- <div class="row mb-20">
53
- <div class="col span-12">
52
+ <div class="row">
53
+ <div class="span-12">
54
54
  <ArrayListGrouped
55
55
  v-model:value="value.spec.behavior[type].policies"
56
56
  :add-label="t('hpa.scalingRule.addPolicy')"
@@ -59,7 +59,7 @@ export default {
59
59
  >
60
60
  <template #default="props">
61
61
  <div class="row">
62
- <div class="col span-4">
62
+ <div class="col">
63
63
  <LabeledSelect
64
64
  v-model:value="props.row.value.type"
65
65
  :mode="mode"
@@ -72,7 +72,9 @@ export default {
72
72
  :label="t('hpa.scalingRule.policy.type')"
73
73
  />
74
74
  </div>
75
- <div class="col span-4">
75
+ </div>
76
+ <div class="row">
77
+ <div class="col">
76
78
  <LabeledInput
77
79
  v-model:value.number="props.row.value.value"
78
80
  :mode="mode"
@@ -83,7 +85,9 @@ export default {
83
85
  :label="t('hpa.scalingRule.policy.value')"
84
86
  />
85
87
  </div>
86
- <div class="col span-4">
88
+ </div>
89
+ <div class="row">
90
+ <div class="col">
87
91
  <LabeledInput
88
92
  v-model:value.number="props.row.value.periodSeconds"
89
93
  :mode="mode"
@@ -125,6 +129,5 @@ export default {
125
129
  />
126
130
  </div>
127
131
  </div>
128
- <div class="row mb-40" />
129
132
  </div>
130
133
  </template>
@@ -215,7 +215,7 @@ export default {
215
215
  :label="t('hpa.tabs.target')"
216
216
  :weight="10"
217
217
  >
218
- <div class="row mb-20">
218
+ <div class="row">
219
219
  <div class="col span-6">
220
220
  <LabeledSelect
221
221
  v-model:value="value.spec.scaleTargetRef"
@@ -242,6 +242,8 @@ export default {
242
242
  type="number"
243
243
  />
244
244
  </div>
245
+ </div>
246
+ <div class="row">
245
247
  <div class="col span-6">
246
248
  <LabeledInput
247
249
  v-model:value.number="value.spec.maxReplicas"
@@ -51,8 +51,8 @@ export default {
51
51
 
52
52
  <template>
53
53
  <div class="col span-12">
54
- <div class="row mb-20">
55
- <div class="col span-6">
54
+ <div class="row">
55
+ <div class="col">
56
56
  <LabeledInput
57
57
  v-model:value="value.name"
58
58
  :mode="mode"
@@ -21,9 +21,9 @@ export default {
21
21
  </script>
22
22
 
23
23
  <template>
24
- <div class="col span-12">
25
- <div class="row mb-20">
26
- <div class="col span-6">
24
+ <div class="span-12">
25
+ <div class="row">
26
+ <div class="col">
27
27
  <LabeledInput
28
28
  v-model:value="value.apiVersion"
29
29
  :mode="mode"
@@ -33,7 +33,9 @@ export default {
33
33
  type="text"
34
34
  />
35
35
  </div>
36
- <div class="col span-6">
36
+ </div>
37
+ <div class="row">
38
+ <div class="col">
37
39
  <LabeledInput
38
40
  v-model:value="value.kind"
39
41
  :mode="mode"
@@ -45,7 +47,7 @@ export default {
45
47
  </div>
46
48
  </div>
47
49
  <div class="row">
48
- <div class="col span-6">
50
+ <div class="col">
49
51
  <LabeledInput
50
52
  v-model:value="value.name"
51
53
  :mode="mode"
@@ -149,7 +149,7 @@ export default {
149
149
  <template>
150
150
  <div class="metric-target">
151
151
  <div class="row">
152
- <div class="col span-6">
152
+ <div class="col">
153
153
  <LabeledSelect
154
154
  v-model:value="value.type"
155
155
  :mode="mode"
@@ -157,9 +157,11 @@ export default {
157
157
  :options="targetTypes"
158
158
  />
159
159
  </div>
160
+ </div>
161
+ <div class="row">
160
162
  <div
161
163
  v-if="isResourceMetricType"
162
- class="col span-6"
164
+ class="col"
163
165
  >
164
166
  <UnitInput
165
167
  v-if="value.type === 'Utilization'"
@@ -197,7 +199,7 @@ export default {
197
199
  </div>
198
200
  <div
199
201
  v-else
200
- class="col span-6"
202
+ class="col"
201
203
  >
202
204
  <LabeledInput
203
205
  v-model:value="quantity"
@@ -159,8 +159,8 @@ export default {
159
159
  :label="t('hpa.warnings.resource')"
160
160
  color="warning"
161
161
  />
162
- <div class="row mb-20">
163
- <div class="col span-6">
162
+ <div class="row">
163
+ <div class="col">
164
164
  <LabeledSelect
165
165
  v-model:value="value.type"
166
166
  :reduce="(val) => val.label"
@@ -48,14 +48,14 @@ export default {
48
48
 
49
49
  <template>
50
50
  <div>
51
- <div class="row mb-20">
51
+ <div class="row">
52
52
  <MetricTarget
53
53
  v-model:value="value.target"
54
54
  :mode="mode"
55
55
  metric-resource="object"
56
56
  />
57
57
  </div>
58
- <div class="row mb-20">
58
+ <div class="row">
59
59
  <MetricObjectReference
60
60
  v-model:value="value.describedObject"
61
61
  :mode="mode"
@@ -41,7 +41,7 @@ export default {
41
41
 
42
42
  <template>
43
43
  <div>
44
- <div class="row mb-20">
44
+ <div class="row">
45
45
  <MetricTarget
46
46
  v-model:value="value.target"
47
47
  :mode="mode"
@@ -43,8 +43,8 @@ export default {
43
43
 
44
44
  <template>
45
45
  <div class="resource-metric">
46
- <div class="row mb-20">
47
- <div class="col span-6">
46
+ <div class="row">
47
+ <div class="col">
48
48
  <LabeledSelect
49
49
  v-model:value="value.name"
50
50
  :mode="mode"
@@ -166,4 +166,8 @@ export default {
166
166
  .no-binary-data {
167
167
  opacity: 0.8;
168
168
  }
169
+
170
+ ::v-deep .CodeMirror-scroll {
171
+ min-height: auto;
172
+ }
169
173
  </style>
@@ -418,10 +418,9 @@ export default {
418
418
  class="mt-0"
419
419
  :label="t('logging.flow.matches.banner')"
420
420
  />
421
- <div v-if="isHarvester">
421
+ <div class="mb-20" v-if="isHarvester">
422
422
  <LabeledSelect
423
423
  v-model:value="loggingType"
424
- class="mb-20"
425
424
  :options="flowTypeOptions"
426
425
  :mode="mode"
427
426
  :disabled="!isCreate"
@@ -50,8 +50,8 @@ export default {
50
50
  <h3>{{ t('logging.output.sections.access') }}</h3>
51
51
  </div>
52
52
  </div>
53
- <div class="row mb-10">
54
- <div class="col span-6">
53
+ <div>
54
+ <div>
55
55
  <SecretSelector
56
56
  v-model:value="value.endpoint.access_key_id"
57
57
  :mode="mode"
@@ -61,7 +61,7 @@ export default {
61
61
  :show-key-selector="true"
62
62
  />
63
63
  </div>
64
- <div class="col span-6">
64
+ <div>
65
65
  <SecretSelector
66
66
  v-model:value="value.endpoint.secret_access_key"
67
67
  :mode="mode"
@@ -34,31 +34,31 @@ export default {
34
34
  <h3>{{ t('logging.output.sections.target') }}</h3>
35
35
  </div>
36
36
  </div>
37
- <div class="row mb-10">
37
+ <div class="row">
38
38
  <div class="col span-6">
39
- <LabeledInput
40
- v-model:value="value.azure_container"
41
- :mode="mode"
42
- :disabled="disabled"
43
- :label="t('logging.azurestorage.container')"
39
+ <LabeledInput
40
+ v-model:value="value.azure_container"
41
+ :mode="mode"
42
+ :disabled="disabled"
43
+ :label="t('logging.azurestorage.container')"
44
44
  />
45
45
  </div>
46
46
  <div class="col span-6">
47
- <LabeledInput
48
- v-model:value="value.path"
49
- :mode="mode"
50
- :disabled="disabled"
51
- :label="t('logging.azurestorage.path')"
47
+ <LabeledInput
48
+ v-model:value="value.path"
49
+ :mode="mode"
50
+ :disabled="disabled"
51
+ :label="t('logging.azurestorage.path')"
52
52
  />
53
53
  </div>
54
54
  </div>
55
55
  <div class="row">
56
56
  <div class="col span-6">
57
- <LabeledInput
58
- v-model:value="value.store_as"
59
- :mode="mode"
60
- :disabled="disabled"
61
- :label="t('logging.azurestorage.storeAs')"
57
+ <LabeledInput
58
+ v-model:value="value.store_as"
59
+ :mode="mode"
60
+ :disabled="disabled"
61
+ :label="t('logging.azurestorage.storeAs')"
62
62
  />
63
63
  </div>
64
64
  </div>
@@ -68,8 +68,8 @@ export default {
68
68
  <h3>{{ t('logging.output.sections.access') }}</h3>
69
69
  </div>
70
70
  </div>
71
- <div class="row mb-10">
72
- <div class="col span-6">
71
+ <div>
72
+ <div>
73
73
  <SecretSelector
74
74
  v-model:value="value.azure_storage_account"
75
75
  :mode="mode"
@@ -79,7 +79,7 @@ export default {
79
79
  :show-key-selector="true"
80
80
  />
81
81
  </div>
82
- <div class="col span-6">
82
+ <div>
83
83
  <SecretSelector
84
84
  v-model:value="value.azure_storage_access_key"
85
85
  :mode="mode"
@@ -36,19 +36,19 @@ export default {
36
36
  </div>
37
37
  <div class="row">
38
38
  <div class="col span-6">
39
- <LabeledInput
40
- v-model:value="value.region"
41
- :mode="mode"
42
- :disabled="disabled"
43
- :label="t('logging.cloudwatch.region')"
39
+ <LabeledInput
40
+ v-model:value="value.region"
41
+ :mode="mode"
42
+ :disabled="disabled"
43
+ :label="t('logging.cloudwatch.region')"
44
44
  />
45
45
  </div>
46
46
  <div class="col span-6">
47
- <LabeledInput
48
- v-model:value="value.endpoint"
49
- :mode="mode"
50
- :disabled="disabled"
51
- :label="t('logging.cloudwatch.endpoint')"
47
+ <LabeledInput
48
+ v-model:value="value.endpoint"
49
+ :mode="mode"
50
+ :disabled="disabled"
51
+ :label="t('logging.cloudwatch.endpoint')"
52
52
  />
53
53
  </div>
54
54
  </div>
@@ -57,8 +57,8 @@ export default {
57
57
  <h3>{{ t('logging.output.sections.access') }}</h3>
58
58
  </div>
59
59
  </div>
60
- <div class="row mb-10">
61
- <div class="col span-6">
60
+ <div>
61
+ <div>
62
62
  <SecretSelector
63
63
  v-model:value="value.aws_key_id"
64
64
  :mode="mode"
@@ -68,7 +68,7 @@ export default {
68
68
  :show-key-selector="true"
69
69
  />
70
70
  </div>
71
- <div class="col span-6">
71
+ <div>
72
72
  <SecretSelector
73
73
  v-model:value="value.aws_sec_key"
74
74
  :mode="mode"
@@ -86,19 +86,19 @@ export default {
86
86
  </div>
87
87
  <div class="row">
88
88
  <div class="col span-6">
89
- <LabeledInput
90
- v-model:value="value.log_group_name"
91
- :mode="mode"
92
- :disabled="disabled"
93
- :label="t('logging.cloudwatch.logGroupName')"
89
+ <LabeledInput
90
+ v-model:value="value.log_group_name"
91
+ :mode="mode"
92
+ :disabled="disabled"
93
+ :label="t('logging.cloudwatch.logGroupName')"
94
94
  />
95
95
  </div>
96
96
  <div class="col span-6">
97
- <LabeledInput
98
- v-model:value="value.log_stream_name"
99
- :mode="mode"
100
- :disabled="disabled"
101
- :label="t('logging.cloudwatch.logStreamName')"
97
+ <LabeledInput
98
+ v-model:value="value.log_stream_name"
99
+ :mode="mode"
100
+ :disabled="disabled"
101
+ :label="t('logging.cloudwatch.logStreamName')"
102
102
  />
103
103
  </div>
104
104
  </div>
@@ -39,11 +39,11 @@ export default {
39
39
  </div>
40
40
  <div class="row">
41
41
  <div class="col span-6">
42
- <LabeledInput
43
- v-model:value="value.host"
44
- :mode="mode"
45
- :disabled="disabled"
46
- :label="t('logging.datadog.host')"
42
+ <LabeledInput
43
+ v-model:value="value.host"
44
+ :mode="mode"
45
+ :disabled="disabled"
46
+ :label="t('logging.datadog.host')"
47
47
  />
48
48
  </div>
49
49
  </div>
@@ -53,8 +53,8 @@ export default {
53
53
  <h3>{{ t('logging.output.sections.access') }}</h3>
54
54
  </div>
55
55
  </div>
56
- <div class="row">
57
- <div class="col span-6">
56
+ <div>
57
+ <div>
58
58
  <SecretSelector
59
59
  v-model:value="value.api_key"
60
60
  :mode="mode"
@@ -71,23 +71,23 @@ export default {
71
71
  <h3>{{ t('logging.output.sections.certificate') }}</h3>
72
72
  </div>
73
73
  </div>
74
- <div class="row mb-10">
74
+ <div class="row">
75
75
  <div class="col span-6">
76
- <Checkbox
77
- v-model:value="value.use_ssl"
78
- :mode="mode"
79
- :disabled="disabled"
80
- :label="t('logging.datadog.useSSL')"
76
+ <Checkbox
77
+ v-model:value="value.use_ssl"
78
+ :mode="mode"
79
+ :disabled="disabled"
80
+ :label="t('logging.datadog.useSSL')"
81
81
  />
82
82
  </div>
83
83
  </div>
84
- <div class="row mb-10">
84
+ <div class="row">
85
85
  <div class="col span-6">
86
- <Checkbox
87
- v-model:value="value.use_compression"
88
- :mode="mode"
89
- :disabled="disabled"
90
- :label="t('logging.datadog.useCompression')"
86
+ <Checkbox
87
+ v-model:value="value.use_compression"
88
+ :mode="mode"
89
+ :disabled="disabled"
90
+ :label="t('logging.datadog.useCompression')"
91
91
  />
92
92
  </div>
93
93
  </div>
@@ -74,8 +74,8 @@ export default {
74
74
  <h3>{{ t('logging.output.sections.target') }}</h3>
75
75
  </div>
76
76
  </div>
77
- <div class="row mb-10">
78
- <div class="col span-2">
77
+ <div class="row">
78
+ <div class="col span-6">
79
79
  <LabeledSelect
80
80
  v-model:value="value.scheme"
81
81
  :mode="mode"
@@ -85,7 +85,7 @@ export default {
85
85
  :label="t('logging.elasticsearch.scheme')"
86
86
  />
87
87
  </div>
88
- <div class="col span-8">
88
+ <div class="col span-6">
89
89
  <LabeledInput
90
90
  v-model:value="value.host"
91
91
  :mode="mode"
@@ -94,7 +94,7 @@ export default {
94
94
  :label="t('logging.elasticsearch.host')"
95
95
  />
96
96
  </div>
97
- <div class="col span-2">
97
+ <div class="col span-6">
98
98
  <LabeledInput
99
99
  v-model:value.number="port"
100
100
  :mode="mode"
@@ -123,8 +123,8 @@ export default {
123
123
  <h3>{{ t('logging.output.sections.access') }}</h3>
124
124
  </div>
125
125
  </div>
126
- <div class="row">
127
- <div class="col span-6">
126
+ <div>
127
+ <div class="mb-20">
128
128
  <LabeledInput
129
129
  v-model:value="value.user"
130
130
  :mode="mode"
@@ -132,7 +132,7 @@ export default {
132
132
  :label="t('logging.elasticsearch.user')"
133
133
  />
134
134
  </div>
135
- <div class="col span-6">
135
+ <div>
136
136
  <SecretSelector
137
137
  v-model:value="value.password"
138
138
  :secret-name-label="t('logging.elasticsearch.password')"
@@ -149,8 +149,8 @@ export default {
149
149
  <h3>{{ t('logging.output.sections.certificate') }}</h3>
150
150
  </div>
151
151
  </div>
152
- <div class="row mb-10">
153
- <div class="col span-6">
152
+ <div>
153
+ <div class="mb-20">
154
154
  <SecretSelector
155
155
  v-model:value="value.ca_file"
156
156
  mount-key="mountFrom"
@@ -161,7 +161,7 @@ export default {
161
161
  :show-key-selector="true"
162
162
  />
163
163
  </div>
164
- <div class="col span-6">
164
+ <div>
165
165
  <SecretSelector
166
166
  v-model:value="value.client_cert"
167
167
  mount-key="mountFrom"
@@ -173,8 +173,8 @@ export default {
173
173
  />
174
174
  </div>
175
175
  </div>
176
- <div class="row">
177
- <div class="col span-6">
176
+ <div>
177
+ <div>
178
178
  <SecretSelector
179
179
  v-model:value="value.client_key"
180
180
  mount-key="mountFrom"
@@ -185,7 +185,7 @@ export default {
185
185
  :show-key-selector="true"
186
186
  />
187
187
  </div>
188
- <div class="col span-6">
188
+ <div>
189
189
  <SecretSelector
190
190
  v-model:value="value.client_key_pass"
191
191
  :mode="mode"
@@ -196,7 +196,7 @@ export default {
196
196
  />
197
197
  </div>
198
198
  </div>
199
- <div class="row mb-10">
199
+ <div class="row">
200
200
  <div class="col span-6">
201
201
  <LabeledSelect
202
202
  v-model:value="value.ssl_version"