fix: item width style

OpenCSGs · Dec 16, 2024 · 3f7230e · 3f7230e
1 parent 8417dd2
commit 3f7230e
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/frontend/src/components/collections/NewCollection.vue b/frontend/src/components/collections/NewCollection.vue
@@ -24,7 +24,7 @@
               v-model="dataForm.owner"
               :placeholder="$t('all.select')"
               size="large"
-              style="width: 312px"
+              class="!w-full"
             >
               <el-option
                 v-for="item in namespaces()"
@@ -42,7 +42,7 @@
             <el-input
               v-model="dataForm.title"
               :placeholder="$t('rule.collectionNameRule')"
-              style="width: 312px"
+              class="!w-full"
             >
               <template #suffix>
                 <InputTip :content="$t('collections.newCollection.tip')" />
@@ -60,11 +60,11 @@
               <el-input
                 v-model="dataForm.collectionNickName"
                 :placeholder="$t('all.inputNickNamePlc')"
-                style="width: 312px"
+                class="!w-full"
               />
             </el-form-item>
           </div>
-          <div class="">
+          <div class="flex-1">
             <p class="text-gray-700 text-sm mb-2">
               {{ $t('collections.newCollection.selectTheme') }}
             </p>
@@ -73,7 +73,7 @@
                 v-model="dataForm.colorName"
                 :placeholder="$t('all.select')"
                 size="large"
-                style="width: 312px"
+                class="!w-full"
               >
                 <el-option
                   v-for="item in colorNameList"