dashboard-shell-shell 3.0.5-test.6 → 3.0.5-test.61

package/edit/workload/index.vue

@@ -108,7 +108,7 @@ export default {
       >
         <div
           v-if="isCronJob"
-          class="col span-3"
+          class="col span-6"
         >
           <LabeledInput
             v-model:value="spec.schedule"
@@ -122,7 +122,7 @@ export default {
         </div>
         <div
           v-if="isReplicable"
-          class="col span-3"
+          class="col span-6"
         >
           <LabeledInput
             v-model:value.number="spec.replicas"
@@ -135,7 +135,7 @@ export default {
         </div>
         <div
           v-if="isStatefulSet"
-          class="col span-3"
+          class="col span-6"
         >
           <LabeledSelect
             v-model:value="spec.serviceName"
@@ -186,6 +186,7 @@ export default {
                   type="button"
                   class="btn-sm role-link"
                   @click="removeContainer(tab)"
+                  style="min-width: auto;padding-left: 0;"
                 >
                   {{ t('workload.container.removeContainer') }}
                 </button>
@@ -193,7 +194,7 @@ export default {
               <div>
                 <div
                   :style="{'align-items':'center'}"
-                  class="row mb-20"
+                  class="row"
                 >
                   <div class="col span-6">
                     <LabeledInput
@@ -213,8 +214,8 @@ export default {
                     />
                   </div>
                 </div>
-                <h3>{{ t('workload.container.titles.image') }}</h3>
-                <div class="row mb-20">
+                <h3 class="mt-20">{{ t('workload.container.titles.image') }}</h3>
+                <div class="row">
                   <div class="col span-6">
                     <LabeledInput
                       v-model:value.trim="allContainers[i].image"
@@ -250,9 +251,8 @@ export default {
                   </div>
                 </div>
               </div>
-              <div class="spacer" />
               <div>
-                <h3>
+                <h3 class="mt-20">
                   {{ t('workload.container.ports.expose') }}
                   <i
                     v-clean-tooltip="{content: t('workload.container.ports.toolTip'), triggers: ['hover', 'touch', 'focus'] }"
@@ -274,8 +274,7 @@ export default {
                   />
                 </div>
               </div>
-              <div class="spacer" />
-              <div>
+              <div class="mt-40">
                 <h3>{{ t('workload.container.titles.command') }}</h3>
                 <Command
                   v-model:value="allContainers[i]"
@@ -295,8 +294,7 @@ export default {
                 :loading="isLoadingSecondaryResources"
                 @update:value="updateServiceAccount"
               />
-              <div class="spacer" />
-              <div>
+              <div class="mt-40">
                 <h3>{{ t('workload.container.titles.lifecycle') }}</h3>
                 <LifecycleHooks
                   v-model:value="allContainers[i].lifecycle"
@@ -449,8 +447,7 @@ export default {
                   </div>
                 </div>
 
-                <div>
-                  <div class="spacer" />
+                <div class="mt-40">
                   <h3 class="mb-10">
                     <t k="workload.scheduling.titles.priority" />
                   </h3>
@@ -563,7 +560,7 @@ export default {
             >
               <div>
                 <h3>{{ t('workload.container.titles.podLabels') }}</h3>
-                <div class="row mb-20">
+                <div class="row">
                   <KeyValue
                     key="labels"
                     v-model:value="podLabels"
@@ -573,8 +570,7 @@ export default {
                     :protip="false"
                   />
                 </div>
-                <div class="spacer" />
-                <h3>{{ t('workload.container.titles.podAnnotations') }}</h3>
+                <h3 class="mt-40">{{ t('workload.container.titles.podAnnotations') }}</h3>
                 <div class="row">
                   <KeyValue
                     key="annotations"
@@ -664,10 +660,18 @@ export default {
 .deployment-tabs {
   > .tabs.horizontal {
     border-bottom: 1px solid var(--border);
-    margin-bottom: 10px;
+  }
+
+  > .tab-container{
+    padding: 20px 20px 0;
+    // border: none !important;
   }
 }
 .padded {
   padding-bottom: 10px;
 }
+
+H3{
+  font-size: 14px;
+}
 </style>

package/edit/workload/storage/Mount.vue

@@ -148,6 +148,7 @@ export default {
 
   .remove BUTTON {
     padding: 0px;
+    min-width: auto;
   }
 }
 

package/edit/workload/storage/awsElasticBlockStore.vue

@@ -26,8 +26,8 @@ export default {
 
 <template>
   <div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col mr-10">
         <LabeledInput
           v-model:value="value.name"
           :required="true"
@@ -35,7 +35,7 @@ export default {
           :label="t('workload.storage.volumeName')"
         />
       </div>
-      <div class="col span-6">
+      <div class="col" style="display: flex;align-items: center;">
         <Checkbox
           v-model:value="value.awsElasticBlockStore.readOnly"
           :mode="mode"
@@ -43,8 +43,8 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value="value.awsElasticBlockStore.volumeID"
           :required="true"
@@ -52,7 +52,9 @@ export default {
           :label="t('workload.storage.csi.volumeID')"
         />
       </div>
-      <div class="col span-6">
+    </div>
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value.number="value.awsElasticBlockStore.partition"
           :mode="mode"
@@ -61,7 +63,7 @@ export default {
       </div>
     </div>
     <div class="row">
-      <div class="col span-6">
+      <div class="col">
         <LabeledInput
           v-model:value="value.awsElasticBlockStore.fsType"
           :mode="mode"

package/edit/workload/storage/azureDisk.vue

@@ -34,8 +34,8 @@ export default {
 
 <template>
   <div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col mr-10">
         <LabeledInput
           v-model:value="value.name"
           :required="true"
@@ -43,7 +43,7 @@ export default {
           :label="t('workload.storage.volumeName')"
         />
       </div>
-      <div class="col span-6">
+      <div class="col" style="display: flex;align-items: center;">
         <Checkbox
           v-model:value="value.azureDisk.readOnly"
           :mode="mode"
@@ -51,8 +51,8 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value="value.azureDisk.diskName"
           :mode="mode"
@@ -60,7 +60,9 @@ export default {
           :label="t('workload.storage.csi.diskName')"
         />
       </div>
-      <div class="col span-6">
+    </div>
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value.number="value.azureDisk.diskURI"
           :mode="mode"
@@ -69,8 +71,8 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <RadioGroup
           v-model:value="value.azureDisk.kind"
           :mode="mode"
@@ -80,7 +82,9 @@ export default {
           :labels="[t('workload.storage.csi.kind.options.dedicated'), t('workload.storage.csi.kind.options.managed'), t('workload.storage.csi.kind.options.shared')]"
         />
       </div>
-      <div class="col span-6">
+    </div>
+    <div class="row">
+      <div class="col">
         <RadioGroup
           v-model:value="value.azureDisk.cachingMode"
           name="cachingMode"
@@ -92,7 +96,7 @@ export default {
       </div>
     </div>
     <div class="row">
-      <div class="col span-6">
+      <div class="col">
         <LabeledInput
           v-model:value="value.azureDisk.fsType"
           :mode="mode"

package/edit/workload/storage/azureFile.vue

@@ -26,8 +26,8 @@ export default {
 
 <template>
   <div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col mr-10">
         <LabeledInput
           v-model:value="value.name"
           :required="true"
@@ -35,7 +35,7 @@ export default {
           :label="t('workload.storage.volumeName')"
         />
       </div>
-      <div class="col span-6">
+      <div class="col" style="display: flex;align-items: center;">
         <Checkbox
           v-model:value="value.azureFile.readOnly"
           :mode="mode"
@@ -43,8 +43,8 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value="value.azureFile.shareName"
           :mode="mode"
@@ -52,7 +52,9 @@ export default {
           :label="t('workload.storage.csi.shareName')"
         />
       </div>
-      <div class="col span-6">
+    </div>
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value="value.azureFile.secretName"
           :mode="mode"
@@ -62,7 +64,7 @@ export default {
       </div>
     </div>
     <div class="row">
-      <div class="col span-6">
+      <div class="col">
         <LabeledInput
           v-model:value="value.azureFile.fsType"
           :mode="mode"

package/edit/workload/storage/csi/index.vue

@@ -77,8 +77,8 @@ export default {
 <template>
   <div>
     <div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col mr-10">
           <LabeledInput
             v-model:value="value.name"
             :required="true"
@@ -86,7 +86,7 @@ export default {
             :label="t('workload.storage.volumeName')"
           />
         </div>
-        <div class="col span-6">
+        <div class="col" style="display: flex;align-items: center;">
           <Checkbox
             v-model:value="value.csi.readOnly"
             :mode="mode"
@@ -94,8 +94,8 @@ export default {
           />
         </div>
       </div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col">
           <LabeledSelect
             v-model:value="value.csi.driver"
             data-testid="workload-storage-driver"
@@ -107,10 +107,7 @@ export default {
           />
         </div>
       </div>
-      <div
-        v-if="driverComponent"
-        class="mb-10"
-      >
+      <div v-if="driverComponent">
         <component
           :is="driverComponent"
           v-model:value="value.csi.volumeAttributes"

package/edit/workload/storage/emptyDir.vue

@@ -52,8 +52,8 @@ export default {
 </script>
 <template>
   <div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value="value.name"
           :required="true"
@@ -61,7 +61,9 @@ export default {
           :label="t('workload.storage.volumeName')"
         />
       </div>
-      <div class="col span-6">
+    </div>
+    <div class="row">
+      <div class="col">
         <LabeledSelect
           v-model:value="medium"
           :mode="mode"
@@ -71,8 +73,8 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <UnitInput
           v-model:value="value.emptyDir.sizeLimit"
           :mode="mode"

package/edit/workload/storage/gcePersistentDisk.vue

@@ -26,8 +26,8 @@ export default {
 
 <template>
   <div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col mr-10">
         <LabeledInput
           v-model:value="value.name"
           :required="true"
@@ -35,7 +35,7 @@ export default {
           :label="t('workload.storage.volumeName')"
         />
       </div>
-      <div class="col span-6">
+      <div class="col" style="display: flex;align-items: center;">
         <Checkbox
           v-model:value="value.gcePersistentDisk.readOnly"
           :mode="mode"
@@ -43,8 +43,8 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value="value.gcePersistentDisk.pdName"
           :mode="mode"
@@ -52,7 +52,9 @@ export default {
           :required="true"
         />
       </div>
-      <div class="col span-6">
+    </div>
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value.number="value.gcePersistentDisk.partition"
           :mode="mode"
@@ -61,7 +63,7 @@ export default {
       </div>
     </div>
     <div class="row">
-      <div class="col span-6">
+      <div class="col">
         <LabeledInput
           v-model:value="value.gcePersistentDisk.fsType"
           :mode="mode"

package/edit/workload/storage/hostPath.vue

@@ -82,8 +82,8 @@ export default {
 <template>
   <div>
     <div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col">
           <LabeledInput
             v-model:value="value.name"
             :required="true"
@@ -92,8 +92,8 @@ export default {
           />
         </div>
       </div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col">
           <LabeledInput
             v-model:value="value.hostPath.path"
             :required="true"
@@ -101,7 +101,9 @@ export default {
             :label="t('workload.storage.nodePath')"
           />
         </div>
-        <div class="col span-6">
+      </div>
+      <div class="row">
+        <div class="col">
           <LabeledSelect
             v-model:value="value.hostPath.type"
             :mode="mode"

package/edit/workload/storage/nfs.vue

@@ -38,8 +38,8 @@ export default {
 <template>
   <div>
     <div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col mr-10">
           <LabeledInput
             v-model:value="value.name"
             :required="true"
@@ -47,7 +47,7 @@ export default {
             :label="t('workload.storage.volumeName')"
           />
         </div>
-        <div class="col span-6">
+        <div class="col" style="display: flex;align-items: center;">
           <Checkbox
             v-model:value="value.nfs.readOnly"
             :mode="mode"
@@ -55,8 +55,8 @@ export default {
           />
         </div>
       </div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col">
           <LabeledInput
             v-model:value="value.nfs.path"
             :required="true"
@@ -64,7 +64,9 @@ export default {
             :label="t('workload.storage.path')"
           />
         </div>
-        <div class="col span-6">
+      </div>
+      <div class="row">
+        <div class="col">
           <LabeledInput
             v-model:value="value.nfs.server"
             :required="true"

package/edit/workload/storage/persistentVolumeClaim/index.vue

@@ -121,8 +121,8 @@ export default {
           @removePvcForm="removePvcForm"
         />
       </div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col mr-10">
           <LabeledInput
             v-model:value="value.name"
             :required="true"
@@ -130,7 +130,16 @@ export default {
             :label="t('workload.storage.volumeName')"
           />
         </div>
-        <div class="col span-6">
+        <div class="col" style="display: flex;align-items: center;">
+          <Checkbox
+            v-model:value="value.persistentVolumeClaim.readOnly"
+            :mode="mode"
+            :label="t('workload.storage.readOnly')"
+          />
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
           <LabeledSelect
             v-if="!createNew"
             v-model:value="value.persistentVolumeClaim.claimName"
@@ -142,13 +151,6 @@ export default {
           />
         </div>
       </div>
-      <div class="row">
-        <Checkbox
-          v-model:value="value.persistentVolumeClaim.readOnly"
-          :mode="mode"
-          :label="t('workload.storage.readOnly')"
-        />
-      </div>
     </div>
   </div>
 </template>

package/edit/workload/storage/persistentVolumeClaim/persistentvolumeclaim.vue

@@ -156,8 +156,8 @@ export default {
 
 <template>
   <div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div class="col">
         <LabeledInput
           v-model:value="value.metadata.name"
           :mode="mode"
@@ -167,8 +167,9 @@ export default {
         />
       </div>
     </div>
-    <div class="row mb-10">
-      <div class="col span-6">
+    <div class="row">
+      <div style="width: 160px;"></div>
+      <div class="col">
         <RadioGroup
           v-model:value="isCreatePV"
           name="isCreatePV"
@@ -177,7 +178,9 @@ export default {
           :mode="mode"
         />
       </div>
-      <div class="col span-6">
+    </div>
+    <div class="row">
+      <div class="col">
         <LabeledSelect
           v-if="isCreatePV"
           v-model:value="spec.storageClassName"
@@ -200,16 +203,16 @@ export default {
       </div>
     </div>
 
-    <div class="row mb-10">
-      <div class="col span-6">
-        <div class="access-modes">
-          <t
-            class="text-label"
-            k="persistentVolumeClaim.accessModes"
-          />
-          <span class="text-error">*</span>
-        </div>
+    <div class="row">
+      <div class="col">
         <div class="access-modes">
+          <div style="width: 160px;">
+            <t
+              class="text-label"
+              k="persistentVolumeClaim.accessModes"
+            />
+            <span class="text-error">*</span>
+          </div>
           <Checkbox
             :mode="mode"
             :value="value.spec.accessModes.includes('ReadWriteOnce')"
@@ -230,9 +233,11 @@ export default {
           />
         </div>
       </div>
+    </div>
+    <div class="row">
       <div
         v-if="isCreatePV"
-        class="col span-6"
+        class="col"
       >
         <UnitInput
           v-model:value="spec.resources.requests.storage"

package/edit/workload/storage/secret.vue

@@ -130,8 +130,8 @@ export default {
 <template>
   <div>
     <div>
-      <div class="row mb-10">
-        <div class="col span-6">
+      <div class="row">
+        <div class="col">
           <LabeledInput
             v-model:value="value.name"
             :required="true"
@@ -139,8 +139,9 @@ export default {
             :label="t('workload.storage.volumeName')"
           />
         </div>
-
-        <div class="col span-6">
+      </div>
+      <div class="row">
+        <div class="col">
           <LabeledInput
             v-model:value="defaultMode"
             :mode="mode"
@@ -149,7 +150,7 @@ export default {
         </div>
       </div>
       <div class="row">
-        <div class="col span-6">
+        <div class="col">
           <LabeledSelect
             v-if="type==='secret'"
             v-model:value="value[type].secretName"
@@ -169,7 +170,9 @@ export default {
             :loading="loading"
           />
         </div>
-        <div class="col span-6">
+      </div>
+      <div class="row">
+        <div class="col">
           <RadioGroup
             v-model:value="optional"
             :mode="mode"