fix(style): definition project name width

seal-io · Feb 29, 2024 · c3de3bf · c3de3bf
1 parent 767dce0
commit c3de3bf
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/src/views/operation-hub/resource-definitions/components/definition-rules.vue b/src/views/operation-hub/resource-definitions/components/definition-rules.vue
@@ -76,18 +76,20 @@
               }
             ]"
           >
-            <seal-select
-              v-model="formData.selector.projectNames"
-              :view-status="pageAction === PageAction.VIEW"
-              :options="projectList"
-              :required="true"
-              :multiple="true"
-              :max-tag-count="2"
-              :label="$t('resource.definition.detail.projectName')"
-              :style="{ width: `${InputWidth.LARGE}px` }"
-              @change="handleProjectChange"
-            >
-            </seal-select>
+            <div :style="{ width: `${InputWidth.LARGE}px` }">
+              <seal-select
+                v-model="formData.selector.projectNames"
+                :view-status="pageAction === PageAction.VIEW"
+                :options="projectList"
+                :required="true"
+                :multiple="true"
+                :max-tag-count="2"
+                :label="$t('resource.definition.detail.projectName')"
+                :style="{ width: `${InputWidth.LARGE}px` }"
+                @change="handleProjectChange"
+              >
+              </seal-select>
+            </div>
             <a-button
               v-if="pageAction === PageAction.EDIT"
               type="text"