改进 按钮

package.json

@@ -21,9 +21,7 @@
     "lottie-web": "^5.12.2",
     "pinia": "^2.2.2",
     "pinia-plugin-persistedstate": "^4.0.0",
-    "vooks": "^0.2.12",
-    "vue": "^3.2.37",
-    "vue-router": "^4.0.13"
+    "vooks": "^0.2.12"
   },
   "devDependencies": {
     "@babel/types": "^7.18.10",
@@ -56,6 +54,7 @@
     "vite-plugin-pages": "^0.32.3",
     "vite-plugin-vue-layouts": "^0.11.0",
     "vue": "^3.4.30",
+    "vue-router": "^4.0.13",
     "vue-tsc": "^2.0.22"
   }
 }

src/components/LeftSettings.vue

@@ -13,25 +13,24 @@
           @click="viewChat(c.id ?? 0)"
         >
           <n-thing>
-            <div class="flex justify-between">
+            <div class="flex justify-between items-center">
               <div>
                 {{ c.name }}
               </div>
-              <div class="flex items-center">
-                <n-button
-                  quaternary
-                  circle
-                  type="warning"
-                  @click.stop="deleteChat(c.id ?? 0)"
-                >
-                  <template #icon>
-                    <n-icon size="16" class="cursor-pointer">
-                      <TrashBinOutline />
-                    </n-icon>
-                  </template>
-                </n-button>
-              </div></div
-          ></n-thing>
+              <n-button
+                quaternary
+                circle
+                type="warning"
+                @click.stop="deleteChat(c.id ?? 0)"
+              >
+                <template #icon>
+                  <n-icon size="16" class="cursor-pointer">
+                    <TrashBinOutline />
+                  </n-icon>
+                </template>
+              </n-button>
+            </div>
+          </n-thing>
         </n-list-item>
       </n-list>
       <div v-else>