From 06fab427aae5ae9665add4956864a2a733a36192 Mon Sep 17 00:00:00 2001
From: li-xiaochen <397721316@qq.com>
Date: Sat, 22 Mar 2025 20:39:56 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=BC=98=E5=8C=96=201.?=
 =?UTF-8?q?=E5=90=AF=E5=8A=A8=E7=A8=8B=E5=BA=8F=E7=95=8C=E9=9D=A2=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=AF=B9=E9=BD=90=202.=E7=BC=96=E8=BE=91=E5=AE=9E?=
 =?UTF-8?q?=E4=BE=8B=E5=90=8D=E7=A7=B0=E6=97=B6=E4=BF=9D=E6=8C=81=E8=A1=8C?=
 =?UTF-8?q?=E9=AB=98=E5=92=8C=E5=AE=9E=E4=BE=8B=E5=90=8D=E7=A7=B0=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E4=B8=8D=E5=8F=98=203.=E4=BF=AE=E6=94=B9=E5=AE=9E?=
 =?UTF-8?q?=E4=BE=8B=E5=90=8D=E7=A7=B0=E8=BE=93=E5=85=A5=E6=A1=86=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=8F=AF=E6=B8=85=E9=99=A4=E9=80=89=E9=A1=B9=204.?=
 =?UTF-8?q?=E6=89=93=E5=BC=80=E9=85=8D=E7=BD=AE=E8=B7=AF=E5=BE=84=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=A7=BB=E5=88=B0=E5=8F=B3=E4=BE=A7=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=A4=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/main.js          |  1 -
 ui/src/pages/Launch.vue | 32 ++++++++++++++++++++++----------
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/ui/src/main.js b/ui/src/main.js
index 132098e..647f8a5 100644
--- a/ui/src/main.js
+++ b/ui/src/main.js
@@ -1,4 +1,3 @@
-import 'vfonts/Lato.css'
 import 'vfonts/FiraCode.css'
 import './styles/global.css'
 
diff --git a/ui/src/pages/Launch.vue b/ui/src/pages/Launch.vue
index 7300528..4a912e0 100644
--- a/ui/src/pages/Launch.vue
+++ b/ui/src/pages/Launch.vue
@@ -175,8 +175,8 @@ async function handle_migrate(key) {
         显示日志
       </div>
     </n-space>
-    <n-list class="instance-list" bordered>
-      <n-list-item>
+    <n-list class="instance_list" bordered>
+      <n-list-item class="instance_list_item">
         <template #prefix>
           <n-checkbox
             v-model:checked="check_all"
@@ -187,29 +187,26 @@ async function handle_migrate(key) {
           >
         </template>
       </n-list-item>
-      <n-list-item v-for="(item, index) in conf.instances" :key="index">
+      <n-list-item class="instance_list_item" v-for="(item, index) in conf.instances" :key="index">
         <template #prefix>
           <n-checkbox v-model:checked="item.checked"></n-checkbox>
         </template>
         <n-space vertical>
           <n-space v-if="update_instance_name_index != index">
-            <n-text>{{ item.name }}</n-text>
+            <n-text class="instance_name">{{ item.name }}</n-text>
             <n-button size="tiny" @click="start_update_instance_name(index)">
               <template #icon>
                 <n-icon :component="Pencil"></n-icon>
               </template>
             </n-button>
-            <n-button @click="open_folder(item.path)" size="tiny">
-              <template #icon>
-                <n-icon :component="Folder"></n-icon>
-              </template>
-            </n-button>
           </n-space>
           <n-input
             v-else
+            class="instance_name_input"
             :ref="(el) => setInstanceNameInputRef(el, index)"
             v-model:value="item.name"
             @blur="end_update_instance_name"
+            clearable
           ></n-input>
         </n-space>
         <template #suffix>
@@ -234,6 +231,11 @@ async function handle_migrate(key) {
                 <n-icon :component="Stop"></n-icon>
               </template>
             </n-button>
+            <n-button type="primary" ghost size="small" @click="open_folder(item.path)">
+              <template #icon>
+                <n-icon :component="Folder"></n-icon>
+              </template>
+            </n-button>
             <n-popconfirm @positive-click="delete_instance(index, item.path)">
               <template #trigger>
                 <n-button type="error" ghost size="small">
@@ -256,9 +258,18 @@ async function handle_migrate(key) {
 .launch-btn {
   height: 38px;
 }
-.instance-list {
+.instance_list {
   overflow: auto;
 }
+.instance_list_item {
+  height: 50px;
+}
+.instance_name {
+  margin-left: 12px;
+}
+.instance_name_input {
+  height: 35px;
+}
 .log {
   min-height: 40vh;
   max-height: 40vh;
@@ -269,5 +280,6 @@ async function handle_migrate(key) {
 }
 .is_show_log_switch {
   margin-right: 20px;
+  text-align: center;
 }
 </style>