From 2e1e76b2262fd73948ae33b2812e3a35b7213b4f Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Wed, 11 Oct 2023 01:30:30 -0500
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E7=BD=91=E7=AB=99?=
 =?UTF-8?q?=E8=BF=90=E8=A1=8C=E7=8E=AF=E5=A2=83=E4=B8=8B=E6=8B=89=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=B7=E5=BC=8F=20(#2503)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/website/website/create/index.vue    | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/website/website/create/index.vue b/frontend/src/views/website/website/create/index.vue
index 7a129939d..f3a080ed9 100644
--- a/frontend/src/views/website/website/create/index.vue
+++ b/frontend/src/views/website/website/create/index.vue
@@ -153,7 +153,7 @@
                     </div>
                     <div v-if="website.type === 'runtime'">
                         <el-row :gutter="20">
-                            <el-col :span="12">
+                            <el-col :span="8">
                                 <el-form-item :label="$t('commons.table.type')" prop="runtimeType">
                                     <el-select v-model="website.runtimeType" @change="changeRuntimeType()">
                                         <el-option label="PHP" value="php"></el-option>
@@ -161,7 +161,7 @@
                                     </el-select>
                                 </el-form-item>
                             </el-col>
-                            <el-col :span="12">
+                            <el-col :span="16">
                                 <el-form-item :label="$t('runtime.runtime')" prop="runtimeID">
                                     <el-select
                                         v-model="website.runtimeID"
@@ -175,8 +175,12 @@
                                             :value="run.id"
                                         >
                                             <el-row>
-                                                <el-col :span="8">{{ run.name }}</el-col>
-                                                <el-col :span="12">
+                                                <el-col :span="14">
+                                                    <span class="runtimeName">
+                                                        {{ run.name }}
+                                                    </span>
+                                                </el-col>
+                                                <el-col :span="10">
                                                     {{ ' [' + $t('runtime.' + run.resource) + ']' }}
                                                 </el-col>
                                             </el-row>
@@ -613,3 +617,13 @@ defineExpose({
     acceptParams,
 });
 </script>
+
+<style lang="scss" scoped>
+.runtimeName {
+    width: 250px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+}
+</style>