From 3f7230e39605871ee6fb41d7d65bc6fc2ab43671 Mon Sep 17 00:00:00 2001
From: "jialu.shen" <865332676@qq.com>
Date: Mon, 16 Dec 2024 11:02:38 +0800
Subject: [PATCH] fix: item width style

---
 frontend/src/components/collections/NewCollection.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/collections/NewCollection.vue b/frontend/src/components/collections/NewCollection.vue
index ae9c4028e..aea0e3dc9 100644
--- 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"