feat: 前端优化

web/src/components/keys/GroupInfoCard.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { keysApi } from "@/api/keys";
 import type { Group, GroupStatsResponse } from "@/types/models";
-import { getGroupDisplayName } from "@/utils/display";
 import { copy } from "@/utils/clipboard";
+import { getGroupDisplayName } from "@/utils/display";
 import { Pencil, Trash } from "@vicons/ionicons5";
 import {
   NButton,
@@ -151,9 +151,14 @@ function resetPage() {
           <div class="header-left">
             <h3 class="group-title">
               {{ group ? getGroupDisplayName(group) : "请选择分组" }}
-              <code v-if="group" class="group-url" @click="copyUrl(group?.endpoint || '')">
+              <n-tooltip trigger="hover" v-if="group">
-                {{ group.endpoint }}
+                <template #trigger>
-              </code>
+                  <code class="group-url" @click="copyUrl(group?.endpoint || '')">
+                    {{ group.endpoint }}
+                  </code>
+                </template>
+                点击复制
+              </n-tooltip>
             </h3>
           </div>
           <div class="header-actions">

web/src/components/logs/LogTable.vue

@@ -166,7 +166,7 @@ const createColumns = () => [
     render: (row: LogRow) =>
       h(NEllipsis, { style: "max-width: 200px" }, { default: () => row.upstream_addr }),
   },
-  { title: "源IP", key: "source_ip", width: 130 },
+  { title: "源IP", key: "source_ip", width: 140 },
   {
     title: "错误信息",
     width: 270,