dashboard-shell-shell 3.0.5-test.12 → 3.0.5-test.14

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 (88) hide show
  1. package/assets/icons/iconfont.css +4 -1
  2. package/assets/images/pl/dark/logo.png +0 -0
  3. package/assets/styles/global/_select.scss +1 -1
  4. package/assets/styles/global/_tooltip.scss +5 -1
  5. package/assets/translations/zh-hans.yaml +5 -4
  6. package/components/Drawer/ResourceDetailDrawer/ConfigTab.vue +22 -19
  7. package/components/ExplorerMembers.vue +10 -1
  8. package/components/GlobalRoleBindings.vue +1 -58
  9. package/components/Resource/Detail/TitleBar/index.vue +26 -23
  10. package/components/ResourceDetail/Masthead/index.vue +1 -1
  11. package/components/ResourceDetail/Masthead/latest.vue +1 -1
  12. package/components/ResourceDetail/Masthead/legacy.vue +4 -4
  13. package/components/SortableTable/index.vue +2 -2
  14. package/components/Tabbed/index.vue +5 -1
  15. package/components/auth/Principal.vue +8 -3
  16. package/components/auth/RoleDetailEdit.vue +1 -1
  17. package/components/form/ArrayList.vue +163 -147
  18. package/components/form/Command.vue +4 -5
  19. package/components/form/Footer.vue +1 -0
  20. package/components/form/HealthCheck.vue +0 -2
  21. package/components/form/HookOption.vue +83 -58
  22. package/components/form/InputWithSelect.vue +8 -7
  23. package/components/form/KeyValue.vue +16 -2
  24. package/components/form/Labels.vue +1 -1
  25. package/components/form/MatchExpressions.vue +3 -4
  26. package/components/form/NameNsDescription.vue +1 -1
  27. package/components/form/Networking.vue +0 -1
  28. package/components/form/NodeAffinity.vue +29 -28
  29. package/components/form/PodAffinity.vue +19 -21
  30. package/components/form/Probe.vue +15 -11
  31. package/components/form/ResourceQuota/NamespaceRow.vue +1 -1
  32. package/components/form/ResourceQuota/Project.vue +1 -1
  33. package/components/form/ResourceQuota/ProjectRow.vue +1 -1
  34. package/components/form/ResourceSelector.vue +1 -1
  35. package/components/form/ServiceNameSelect.vue +1 -3
  36. package/components/form/ServicePorts.vue +149 -75
  37. package/components/form/Tolerations.vue +12 -9
  38. package/components/form/ValueFromResource.vue +110 -96
  39. package/components/nav/NamespaceFilter.vue +14 -19
  40. package/components/nav/TopLevelMenu.vue +98 -125
  41. package/config/router/navigation-guards/index.js +52 -3
  42. package/edit/autoscaling.horizontalpodautoscaler/external-metric.vue +1 -1
  43. package/edit/autoscaling.horizontalpodautoscaler/index.vue +3 -1
  44. package/edit/autoscaling.horizontalpodautoscaler/metric-identifier.vue +2 -2
  45. package/edit/autoscaling.horizontalpodautoscaler/metric-object-reference.vue +7 -5
  46. package/edit/autoscaling.horizontalpodautoscaler/metric-target.vue +5 -3
  47. package/edit/autoscaling.horizontalpodautoscaler/metrics-row.vue +2 -2
  48. package/edit/autoscaling.horizontalpodautoscaler/object-metric.vue +2 -2
  49. package/edit/autoscaling.horizontalpodautoscaler/pod-metric.vue +1 -1
  50. package/edit/autoscaling.horizontalpodautoscaler/resource-metric.vue +2 -2
  51. package/edit/networking.k8s.io.ingress/Certificate.vue +7 -5
  52. package/edit/networking.k8s.io.ingress/DefaultBackend.vue +2 -2
  53. package/edit/networking.k8s.io.ingress/Rule.vue +5 -11
  54. package/edit/networking.k8s.io.ingress/RulePath.vue +105 -96
  55. package/edit/networking.k8s.io.networkpolicy/PolicyRule.vue +3 -3
  56. package/edit/networking.k8s.io.networkpolicy/PolicyRulePort.vue +4 -2
  57. package/edit/networking.k8s.io.networkpolicy/PolicyRuleTarget.vue +12 -11
  58. package/edit/networking.k8s.io.networkpolicy/index.vue +1 -1
  59. package/edit/secret/index.vue +2 -2
  60. package/edit/service.vue +4 -1
  61. package/edit/storage.k8s.io.storageclass/index.vue +10 -8
  62. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/aws-ebs.vue +34 -27
  63. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/gce-pd.vue +15 -13
  64. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/vsphere-volume.vue +41 -39
  65. package/edit/workload/Job.vue +27 -29
  66. package/edit/workload/Upgrading.vue +3 -3
  67. package/edit/workload/index.vue +2 -2
  68. package/edit/workload/storage/Mount.vue +1 -0
  69. package/edit/workload/storage/awsElasticBlockStore.vue +9 -7
  70. package/edit/workload/storage/azureDisk.vue +14 -10
  71. package/edit/workload/storage/azureFile.vue +9 -7
  72. package/edit/workload/storage/csi/index.vue +6 -9
  73. package/edit/workload/storage/emptyDir.vue +7 -5
  74. package/edit/workload/storage/gcePersistentDisk.vue +9 -7
  75. package/edit/workload/storage/hostPath.vue +7 -5
  76. package/edit/workload/storage/nfs.vue +8 -6
  77. package/edit/workload/storage/persistentVolumeClaim/index.vue +12 -10
  78. package/edit/workload/storage/persistentVolumeClaim/persistentvolumeclaim.vue +18 -15
  79. package/edit/workload/storage/secret.vue +9 -6
  80. package/edit/workload/storage/vsphereVolume.vue +11 -7
  81. package/initialize/app-extended.js +7 -1
  82. package/package.json +1 -1
  83. package/pages/account/index.vue +90 -56
  84. package/pages/home.vue +3 -4
  85. package/rancher-components/Banner/Banner.vue +4 -1
  86. package/rancher-components/LabeledTooltip/LabeledTooltip.vue +31 -2
  87. package/store/i18n.js +1 -0
  88. package/utils/errorTranslate.json +82 -2
package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/gce-pd.vue CHANGED
@@ -68,7 +68,7 @@ export default {
68
68
  </script>
69
69
  <template>
70
70
  <div>
71
- <div class="row mb-20">
71
+ <div class="row">
72
72
  <div class="col span-6">
73
73
  <RadioGroup
74
74
  v-model:value="value.parameters.type"
@@ -77,14 +77,16 @@ export default {
77
77
  :mode="mode"
78
78
  :options="volumeTypeOptions"
79
79
  />
80
- <LabeledInput
81
- v-model:value="value.parameters.fsType"
82
- class="mt-10"
83
- :placeholder="t('storageClass.gce-pd.filesystemType.placeholder')"
84
- :label="t('storageClass.gce-pd.filesystemType.label')"
85
- :mode="mode"
80
+ <div style="height: 24px;"></div>
81
+ <LabeledInput
82
+ v-model:value="value.parameters.fsType"
83
+ :placeholder="t('storageClass.gce-pd.filesystemType.placeholder')"
84
+ :label="t('storageClass.gce-pd.filesystemType.label')"
85
+ :mode="mode"
86
86
  />
87
87
  </div>
88
+ </div>
89
+ <div class="row">
88
90
  <div class="col span-6">
89
91
  <RadioGroup
90
92
  v-model:value="availabilityZone"
@@ -93,12 +95,12 @@ export default {
93
95
  :mode="mode"
94
96
  :options="availabilityZoneOptions"
95
97
  />
96
- <LabeledInput
97
- v-if="availabilityZone === 'manual'"
98
- v-model:value="value.parameters.zones"
99
- class="mt-10"
100
- :placeholder="t('storageClass.gce-pd.availabilityZone.placeholder')"
101
- :mode="mode"
98
+ <LabeledInput
99
+ v-if="availabilityZone === 'manual'"
100
+ v-model:value="value.parameters.zones"
101
+ class="mt-10"
102
+ :placeholder="t('storageClass.gce-pd.availabilityZone.placeholder')"
103
+ :mode="mode"
102
104
  />
103
105
  </div>
104
106
  </div>
package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/vsphere-volume.vue CHANGED
@@ -41,55 +41,57 @@ export default {
41
41
  </script>
42
42
  <template>
43
43
  <div>
44
- <div class="row mb-10">
45
- <div class="col span-4">
46
- <LabeledSelect
47
- v-model:value="value.parameters.diskformat"
48
- :options="diskFormatOptions"
49
- :label="t('storageClass.vsphere-volume.diskFormat.label')"
50
- :mode="mode"
51
- />
52
- </div>
53
- <div class="col span-4">
54
- <LabeledInput
55
- v-model:value="value.parameters.storagePolicyName"
56
- :placeholder="t('storageClass.vsphere-volume.storagePolicyName.placeholder')"
57
- :label="t('storageClass.vsphere-volume.storagePolicyName.label')"
58
- :mode="mode"
44
+ <div class="row">
45
+ <div class="col span-6">
46
+ <LabeledSelect
47
+ v-model:value="value.parameters.diskformat"
48
+ :options="diskFormatOptions"
49
+ :label="t('storageClass.vsphere-volume.diskFormat.label')"
50
+ :mode="mode"
59
51
  />
60
52
  </div>
61
- <div class="col span-4">
62
- <LabeledInput
63
- v-model:value="value.parameters.datastore"
64
- :placeholder="t('storageClass.vsphere-volume.datastore.placeholder')"
65
- :label="t('storageClass.vsphere-volume.datastore.label')"
66
- :mode="mode"
53
+ <div class="col span-6">
54
+ <LabeledInput
55
+ v-model:value="value.parameters.storagePolicyName"
56
+ :placeholder="t('storageClass.vsphere-volume.storagePolicyName.placeholder')"
57
+ :label="t('storageClass.vsphere-volume.storagePolicyName.label')"
58
+ :mode="mode"
67
59
  />
68
60
  </div>
69
61
  </div>
70
62
  <div class="row">
71
- <div class="col span-4">
72
- <LabeledInput
73
- v-model:value="value.parameters.hostFailuresToTolerate"
74
- :placeholder="t('storageClass.vsphere-volume.hostFailuresToTolerate.placeholder')"
75
- :label="t('storageClass.vsphere-volume.hostFailuresToTolerate.label')"
76
- :mode="mode"
63
+ <div class="col span-6">
64
+ <LabeledInput
65
+ v-model:value="value.parameters.datastore"
66
+ :placeholder="t('storageClass.vsphere-volume.datastore.placeholder')"
67
+ :label="t('storageClass.vsphere-volume.datastore.label')"
68
+ :mode="mode"
77
69
  />
78
70
  </div>
79
- <div class="col span-4">
80
- <LabeledInput
81
- v-model:value="value.parameters.cachereservation"
82
- :placeholder="t('storageClass.vsphere-volume.cacheReservation.placeholder')"
83
- :label="t('storageClass.vsphere-volume.cacheReservation.label')"
84
- :mode="mode"
71
+ <div class="col span-6">
72
+ <LabeledInput
73
+ v-model:value="value.parameters.hostFailuresToTolerate"
74
+ :placeholder="t('storageClass.vsphere-volume.hostFailuresToTolerate.placeholder')"
75
+ :label="t('storageClass.vsphere-volume.hostFailuresToTolerate.label')"
76
+ :mode="mode"
77
+ />
78
+ </div>
79
+ </div>
80
+ <div class="row">
81
+ <div class="col span-6">
82
+ <LabeledInput
83
+ v-model:value="value.parameters.cachereservation"
84
+ :placeholder="t('storageClass.vsphere-volume.cacheReservation.placeholder')"
85
+ :label="t('storageClass.vsphere-volume.cacheReservation.label')"
86
+ :mode="mode"
85
87
  />
86
88
  </div>
87
- <div class="col span-4">
88
- <LabeledInput
89
- v-model:value="value.parameters.fstype"
90
- :placeholder="t('storageClass.vsphere-volume.filesystemType.placeholder')"
91
- :label="t('storageClass.vsphere-volume.filesystemType.label')"
92
- :mode="mode"
89
+ <div class="col span-6">
90
+ <LabeledInput
91
+ v-model:value="value.parameters.fstype"
92
+ :placeholder="t('storageClass.vsphere-volume.filesystemType.placeholder')"
93
+ :label="t('storageClass.vsphere-volume.filesystemType.label')"
94
+ :mode="mode"
93
95
  />
94
96
  </div>
95
97
  </div>
package/edit/workload/Job.vue CHANGED
@@ -274,36 +274,34 @@ export default {
274
274
  </UnitInput>
275
275
  </div>
276
276
  </div>
277
- <div class="row">
278
- <div
279
- data-testid="input-job-concurrencyPolicy"
277
+ <div
278
+ data-testid="input-job-concurrencyPolicy"
280
279
 
281
- class="col span-6"
282
- >
283
- <RadioGroup
284
- v-model:value="concurrencyPolicy"
285
- :mode="mode"
286
- :label="t('workload.upgrading.concurrencyPolicy.label')"
287
- name="concurrency"
288
- :options="['Allow', 'Forbid', 'Replace']"
289
- :labels="[t('workload.upgrading.concurrencyPolicy.options.allow'), t('workload.upgrading.concurrencyPolicy.options.forbid'), t('workload.upgrading.concurrencyPolicy.options.replace')]"
290
- @update:value="update"
291
- />
292
- </div>
293
- <div
294
- data-testid="input-job-suspend"
295
- class="col span-6"
296
- >
297
- <RadioGroup
298
- v-model:value="suspend"
299
- :mode="mode"
300
- :label="t('workload.job.suspend')"
301
- name="suspend"
302
- :options="[true, false]"
303
- :labels="['Yes', 'No']"
304
- @update:value="update"
305
- />
306
- </div>
280
+ class="col span-8"
281
+ >
282
+ <RadioGroup
283
+ v-model:value="concurrencyPolicy"
284
+ :mode="mode"
285
+ :label="t('workload.upgrading.concurrencyPolicy.label')"
286
+ name="concurrency"
287
+ :options="['Allow', 'Forbid', 'Replace']"
288
+ :labels="[t('workload.upgrading.concurrencyPolicy.options.allow'), t('workload.upgrading.concurrencyPolicy.options.forbid'), t('workload.upgrading.concurrencyPolicy.options.replace')]"
289
+ @update:value="update"
290
+ />
291
+ </div>
292
+ <div
293
+ data-testid="input-job-suspend"
294
+ class="col span-8"
295
+ >
296
+ <RadioGroup
297
+ v-model:value="suspend"
298
+ :mode="mode"
299
+ :label="t('workload.job.suspend')"
300
+ name="suspend"
301
+ :options="[true, false]"
302
+ :labels="['Yes', 'No']"
303
+ @update:value="update"
304
+ />
307
305
  </div>
308
306
  </template>
309
307
  <div
package/edit/workload/Upgrading.vue CHANGED
@@ -223,7 +223,7 @@ export default {
223
223
  <!--workload spec.upgradeStrategy -->
224
224
  <div
225
225
  v-if="strategyOptions && !noDeploymentSpec"
226
- class="row mb-20"
226
+ class="row"
227
227
  >
228
228
  <div
229
229
  class="col"
@@ -260,7 +260,7 @@ export default {
260
260
  <template v-if="strategy === 'RollingUpdate' && !noDeploymentSpec">
261
261
  <div
262
262
  v-if="isDeployment || isDaemonSet"
263
- class="row mb-20"
263
+ class="row"
264
264
  data-testid="input-policy-surge"
265
265
  >
266
266
  <div
@@ -299,7 +299,7 @@ export default {
299
299
  <!-- workload spec -->
300
300
  <div
301
301
  v-if="!noDeploymentSpec"
302
- class="row mb-20"
302
+ class="row"
303
303
  >
304
304
  <div
305
305
  v-if="!isStatefulSet"
package/edit/workload/index.vue CHANGED
@@ -186,6 +186,7 @@ export default {
186
186
  type="button"
187
187
  class="btn-sm role-link"
188
188
  @click="removeContainer(tab)"
189
+ style="min-width: auto;padding-left: 0;"
189
190
  >
190
191
  {{ t('workload.container.removeContainer') }}
191
192
  </button>
@@ -214,7 +215,7 @@ export default {
214
215
  </div>
215
216
  </div>
216
217
  <h3>{{ t('workload.container.titles.image') }}</h3>
217
- <div class="row mb-20">
218
+ <div class="row">
218
219
  <div class="col span-6">
219
220
  <LabeledInput
220
221
  v-model:value.trim="allContainers[i].image"
@@ -250,7 +251,6 @@ export default {
250
251
  </div>
251
252
  </div>
252
253
  </div>
253
- <div class="spacer" />
254
254
  <div>
255
255
  <h3>
256
256
  {{ t('workload.container.ports.expose') }}
package/edit/workload/storage/Mount.vue CHANGED
@@ -148,6 +148,7 @@ export default {
148
148
 
149
149
  .remove BUTTON {
150
150
  padding: 0px;
151
+ min-width: auto;
151
152
  }
152
153
  }
153
154
 
package/edit/workload/storage/awsElasticBlockStore.vue CHANGED
@@ -26,8 +26,8 @@ export default {
26
26
 
27
27
  <template>
28
28
  <div>
29
- <div class="row mb-10">
30
- <div class="col span-6">
29
+ <div class="row">
30
+ <div class="col mr-10">
31
31
  <LabeledInput
32
32
  v-model:value="value.name"
33
33
  :required="true"
@@ -35,7 +35,7 @@ export default {
35
35
  :label="t('workload.storage.volumeName')"
36
36
  />
37
37
  </div>
38
- <div class="col span-6">
38
+ <div class="col" style="display: flex;align-items: center;">
39
39
  <Checkbox
40
40
  v-model:value="value.awsElasticBlockStore.readOnly"
41
41
  :mode="mode"
@@ -43,8 +43,8 @@ export default {
43
43
  />
44
44
  </div>
45
45
  </div>
46
- <div class="row mb-10">
47
- <div class="col span-6">
46
+ <div class="row">
47
+ <div class="col">
48
48
  <LabeledInput
49
49
  v-model:value="value.awsElasticBlockStore.volumeID"
50
50
  :required="true"
@@ -52,7 +52,9 @@ export default {
52
52
  :label="t('workload.storage.csi.volumeID')"
53
53
  />
54
54
  </div>
55
- <div class="col span-6">
55
+ </div>
56
+ <div class="row">
57
+ <div class="col">
56
58
  <LabeledInput
57
59
  v-model:value.number="value.awsElasticBlockStore.partition"
58
60
  :mode="mode"
@@ -61,7 +63,7 @@ export default {
61
63
  </div>
62
64
  </div>
63
65
  <div class="row">
64
- <div class="col span-6">
66
+ <div class="col">
65
67
  <LabeledInput
66
68
  v-model:value="value.awsElasticBlockStore.fsType"
67
69
  :mode="mode"
package/edit/workload/storage/azureDisk.vue CHANGED
@@ -34,8 +34,8 @@ export default {
34
34
 
35
35
  <template>
36
36
  <div>
37
- <div class="row mb-10">
38
- <div class="col span-6">
37
+ <div class="row">
38
+ <div class="col mr-10">
39
39
  <LabeledInput
40
40
  v-model:value="value.name"
41
41
  :required="true"
@@ -43,7 +43,7 @@ export default {
43
43
  :label="t('workload.storage.volumeName')"
44
44
  />
45
45
  </div>
46
- <div class="col span-6">
46
+ <div class="col" style="display: flex;align-items: center;">
47
47
  <Checkbox
48
48
  v-model:value="value.azureDisk.readOnly"
49
49
  :mode="mode"
@@ -51,8 +51,8 @@ export default {
51
51
  />
52
52
  </div>
53
53
  </div>
54
- <div class="row mb-10">
55
- <div class="col span-6">
54
+ <div class="row">
55
+ <div class="col">
56
56
  <LabeledInput
57
57
  v-model:value="value.azureDisk.diskName"
58
58
  :mode="mode"
@@ -60,7 +60,9 @@ export default {
60
60
  :label="t('workload.storage.csi.diskName')"
61
61
  />
62
62
  </div>
63
- <div class="col span-6">
63
+ </div>
64
+ <div class="row">
65
+ <div class="col">
64
66
  <LabeledInput
65
67
  v-model:value.number="value.azureDisk.diskURI"
66
68
  :mode="mode"
@@ -69,8 +71,8 @@ export default {
69
71
  />
70
72
  </div>
71
73
  </div>
72
- <div class="row mb-10">
73
- <div class="col span-6">
74
+ <div class="row">
75
+ <div class="col">
74
76
  <RadioGroup
75
77
  v-model:value="value.azureDisk.kind"
76
78
  :mode="mode"
@@ -80,7 +82,9 @@ export default {
80
82
  :labels="[t('workload.storage.csi.kind.options.dedicated'), t('workload.storage.csi.kind.options.managed'), t('workload.storage.csi.kind.options.shared')]"
81
83
  />
82
84
  </div>
83
- <div class="col span-6">
85
+ </div>
86
+ <div class="row">
87
+ <div class="col">
84
88
  <RadioGroup
85
89
  v-model:value="value.azureDisk.cachingMode"
86
90
  name="cachingMode"
@@ -92,7 +96,7 @@ export default {
92
96
  </div>
93
97
  </div>
94
98
  <div class="row">
95
- <div class="col span-6">
99
+ <div class="col">
96
100
  <LabeledInput
97
101
  v-model:value="value.azureDisk.fsType"
98
102
  :mode="mode"
package/edit/workload/storage/azureFile.vue CHANGED
@@ -26,8 +26,8 @@ export default {
26
26
 
27
27
  <template>
28
28
  <div>
29
- <div class="row mb-10">
30
- <div class="col span-6">
29
+ <div class="row">
30
+ <div class="col mr-10">
31
31
  <LabeledInput
32
32
  v-model:value="value.name"
33
33
  :required="true"
@@ -35,7 +35,7 @@ export default {
35
35
  :label="t('workload.storage.volumeName')"
36
36
  />
37
37
  </div>
38
- <div class="col span-6">
38
+ <div class="col" style="display: flex;align-items: center;">
39
39
  <Checkbox
40
40
  v-model:value="value.azureFile.readOnly"
41
41
  :mode="mode"
@@ -43,8 +43,8 @@ export default {
43
43
  />
44
44
  </div>
45
45
  </div>
46
- <div class="row mb-10">
47
- <div class="col span-6">
46
+ <div class="row">
47
+ <div class="col">
48
48
  <LabeledInput
49
49
  v-model:value="value.azureFile.shareName"
50
50
  :mode="mode"
@@ -52,7 +52,9 @@ export default {
52
52
  :label="t('workload.storage.csi.shareName')"
53
53
  />
54
54
  </div>
55
- <div class="col span-6">
55
+ </div>
56
+ <div class="row">
57
+ <div class="col">
56
58
  <LabeledInput
57
59
  v-model:value="value.azureFile.secretName"
58
60
  :mode="mode"
@@ -62,7 +64,7 @@ export default {
62
64
  </div>
63
65
  </div>
64
66
  <div class="row">
65
- <div class="col span-6">
67
+ <div class="col">
66
68
  <LabeledInput
67
69
  v-model:value="value.azureFile.fsType"
68
70
  :mode="mode"
package/edit/workload/storage/csi/index.vue CHANGED
@@ -77,8 +77,8 @@ export default {
77
77
  <template>
78
78
  <div>
79
79
  <div>
80
- <div class="row mb-10">
81
- <div class="col span-6">
80
+ <div class="row">
81
+ <div class="col mr-10">
82
82
  <LabeledInput
83
83
  v-model:value="value.name"
84
84
  :required="true"
@@ -86,7 +86,7 @@ export default {
86
86
  :label="t('workload.storage.volumeName')"
87
87
  />
88
88
  </div>
89
- <div class="col span-6">
89
+ <div class="col" style="display: flex;align-items: center;">
90
90
  <Checkbox
91
91
  v-model:value="value.csi.readOnly"
92
92
  :mode="mode"
@@ -94,8 +94,8 @@ export default {
94
94
  />
95
95
  </div>
96
96
  </div>
97
- <div class="row mb-10">
98
- <div class="col span-6">
97
+ <div class="row">
98
+ <div class="col">
99
99
  <LabeledSelect
100
100
  v-model:value="value.csi.driver"
101
101
  data-testid="workload-storage-driver"
@@ -107,10 +107,7 @@ export default {
107
107
  />
108
108
  </div>
109
109
  </div>
110
- <div
111
- v-if="driverComponent"
112
- class="mb-10"
113
- >
110
+ <div v-if="driverComponent">
114
111
  <component
115
112
  :is="driverComponent"
116
113
  v-model:value="value.csi.volumeAttributes"
package/edit/workload/storage/emptyDir.vue CHANGED
@@ -52,8 +52,8 @@ export default {
52
52
  </script>
53
53
  <template>
54
54
  <div>
55
- <div class="row mb-10">
56
- <div class="col span-6">
55
+ <div class="row">
56
+ <div class="col">
57
57
  <LabeledInput
58
58
  v-model:value="value.name"
59
59
  :required="true"
@@ -61,7 +61,9 @@ export default {
61
61
  :label="t('workload.storage.volumeName')"
62
62
  />
63
63
  </div>
64
- <div class="col span-6">
64
+ </div>
65
+ <div class="row">
66
+ <div class="col">
65
67
  <LabeledSelect
66
68
  v-model:value="medium"
67
69
  :mode="mode"
@@ -71,8 +73,8 @@ export default {
71
73
  />
72
74
  </div>
73
75
  </div>
74
- <div class="row mb-10">
75
- <div class="col span-6">
76
+ <div class="row">
77
+ <div class="col">
76
78
  <UnitInput
77
79
  v-model:value="value.emptyDir.sizeLimit"
78
80
  :mode="mode"
package/edit/workload/storage/gcePersistentDisk.vue CHANGED
@@ -26,8 +26,8 @@ export default {
26
26
 
27
27
  <template>
28
28
  <div>
29
- <div class="row mb-10">
30
- <div class="col span-6">
29
+ <div class="row">
30
+ <div class="col mr-10">
31
31
  <LabeledInput
32
32
  v-model:value="value.name"
33
33
  :required="true"
@@ -35,7 +35,7 @@ export default {
35
35
  :label="t('workload.storage.volumeName')"
36
36
  />
37
37
  </div>
38
- <div class="col span-6">
38
+ <div class="col" style="display: flex;align-items: center;">
39
39
  <Checkbox
40
40
  v-model:value="value.gcePersistentDisk.readOnly"
41
41
  :mode="mode"
@@ -43,8 +43,8 @@ export default {
43
43
  />
44
44
  </div>
45
45
  </div>
46
- <div class="row mb-10">
47
- <div class="col span-6">
46
+ <div class="row">
47
+ <div class="col">
48
48
  <LabeledInput
49
49
  v-model:value="value.gcePersistentDisk.pdName"
50
50
  :mode="mode"
@@ -52,7 +52,9 @@ export default {
52
52
  :required="true"
53
53
  />
54
54
  </div>
55
- <div class="col span-6">
55
+ </div>
56
+ <div class="row">
57
+ <div class="col">
56
58
  <LabeledInput
57
59
  v-model:value.number="value.gcePersistentDisk.partition"
58
60
  :mode="mode"
@@ -61,7 +63,7 @@ export default {
61
63
  </div>
62
64
  </div>
63
65
  <div class="row">
64
- <div class="col span-6">
66
+ <div class="col">
65
67
  <LabeledInput
66
68
  v-model:value="value.gcePersistentDisk.fsType"
67
69
  :mode="mode"
package/edit/workload/storage/hostPath.vue CHANGED
@@ -82,8 +82,8 @@ export default {
82
82
  <template>
83
83
  <div>
84
84
  <div>
85
- <div class="row mb-10">
86
- <div class="col span-6">
85
+ <div class="row">
86
+ <div class="col">
87
87
  <LabeledInput
88
88
  v-model:value="value.name"
89
89
  :required="true"
@@ -92,8 +92,8 @@ export default {
92
92
  />
93
93
  </div>
94
94
  </div>
95
- <div class="row mb-10">
96
- <div class="col span-6">
95
+ <div class="row">
96
+ <div class="col">
97
97
  <LabeledInput
98
98
  v-model:value="value.hostPath.path"
99
99
  :required="true"
@@ -101,7 +101,9 @@ export default {
101
101
  :label="t('workload.storage.nodePath')"
102
102
  />
103
103
  </div>
104
- <div class="col span-6">
104
+ </div>
105
+ <div class="row">
106
+ <div class="col">
105
107
  <LabeledSelect
106
108
  v-model:value="value.hostPath.type"
107
109
  :mode="mode"
package/edit/workload/storage/nfs.vue CHANGED
@@ -38,8 +38,8 @@ export default {
38
38
  <template>
39
39
  <div>
40
40
  <div>
41
- <div class="row mb-10">
42
- <div class="col span-6">
41
+ <div class="row">
42
+ <div class="col mr-10">
43
43
  <LabeledInput
44
44
  v-model:value="value.name"
45
45
  :required="true"
@@ -47,7 +47,7 @@ export default {
47
47
  :label="t('workload.storage.volumeName')"
48
48
  />
49
49
  </div>
50
- <div class="col span-6">
50
+ <div class="col" style="display: flex;align-items: center;">
51
51
  <Checkbox
52
52
  v-model:value="value.nfs.readOnly"
53
53
  :mode="mode"
@@ -55,8 +55,8 @@ export default {
55
55
  />
56
56
  </div>
57
57
  </div>
58
- <div class="row mb-10">
59
- <div class="col span-6">
58
+ <div class="row">
59
+ <div class="col">
60
60
  <LabeledInput
61
61
  v-model:value="value.nfs.path"
62
62
  :required="true"
@@ -64,7 +64,9 @@ export default {
64
64
  :label="t('workload.storage.path')"
65
65
  />
66
66
  </div>
67
- <div class="col span-6">
67
+ </div>
68
+ <div class="row">
69
+ <div class="col">
68
70
  <LabeledInput
69
71
  v-model:value="value.nfs.server"
70
72
  :required="true"