修改偏好设置语言选择的下拉框长度

src/views/preference/index.vue

@@ -9,16 +9,20 @@
         </template>
         <div class="preference-content">
           <el-form label-width="80px">
-            <el-form-item :label="`${$t('preferences.language')}：`">
-              <el-select v-model="currentLang" placeholder="Select Language">
-                <el-option
-                  v-for="lang in languages"
-                  :key="lang.value"
-                  :label="lang.label"
-                  :value="lang.value"
-                />
-              </el-select>
-            </el-form-item>
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="`${$t('preferences.language')}：`">
+                  <el-select v-model="currentLang" placeholder="Select Language">
+                    <el-option
+                      v-for="lang in languages"
+                      :key="lang.value"
+                      :label="lang.label"
+                      :value="lang.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-form>
         </div>
       </el-card>
@@ -89,4 +93,8 @@ watch(currentLang, (newVal) => {
   padding: 16px;
 }
 
+.preference-content{
+  width: 20%;
+}
+
 </style>