From 72c56680b982f6d10d2c6631d65ccfc4cef18448 Mon Sep 17 00:00:00 2001
From: Zyy <zyycn@users.noreply.github.com>
Date: Sun, 30 Aug 2026 03:36:00 +0800
Subject: [PATCH] fix(frontend): polish interface presentation

Co-authored-by: Codex <noreply@openai.com>
---
 frontend/src/components/base/BaseTable/index.vue       |  2 +-
 .../views/dashboard/components/AccountOverviewCard.vue |  4 ++--
 .../src/views/dashboard/composables/useDashboard.ts    |  4 ++--
 .../src/views/settings/components/ModelAliasesCard.vue | 10 ++--------
 4 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/base/BaseTable/index.vue b/frontend/src/components/base/BaseTable/index.vue
index 273a6462d..9d61ce7d6 100644
--- a/frontend/src/components/base/BaseTable/index.vue
+++ b/frontend/src/components/base/BaseTable/index.vue
@@ -184,7 +184,7 @@ function sortButtonLabel(column: ResolvedTableColumn<Row>) {
 </script>
 
 <template>
-  <div class="flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden">
+  <div class="isolate flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden">
     <div v-loading="loading" class="relative flex min-h-0 max-w-full flex-1 overflow-hidden">
       <BaseScrollbar
         v-if="hasRows"
diff --git a/frontend/src/views/dashboard/components/AccountOverviewCard.vue b/frontend/src/views/dashboard/components/AccountOverviewCard.vue
index a4af48242..f84b560c5 100644
--- a/frontend/src/views/dashboard/components/AccountOverviewCard.vue
+++ b/frontend/src/views/dashboard/components/AccountOverviewCard.vue
@@ -221,7 +221,7 @@ const statusBars = computed(() => {
         </p>
 
         <div
-          class="mt-5 flex w-full flex-col gap-2 overflow-hidden xl:mt-6.75 xl:h-82.5 xl:gap-1.5"
+          class="mt-5 flex w-full flex-col gap-2 overflow-hidden xl:mt-6.75 xl:h-82.5 xl:gap-2.5"
         >
           <BaseEmpty
             v-if="accounts.length === 0"
@@ -233,7 +233,7 @@ const statusBars = computed(() => {
             <article
               v-for="account in accounts"
               :key="account.id"
-              class="grid w-full shrink-0 grid-cols-1 gap-3 rounded-xl bg-cp-fill-alter/70 px-3.5 py-3.5 transition-colors xl:h-19.5 xl:grid-cols-[minmax(0,1fr)_minmax(70px,0.36fr)_minmax(74px,0.38fr)_minmax(82px,0.46fr)] xl:items-center xl:gap-4 xl:py-0"
+              class="grid w-full shrink-0 grid-cols-1 gap-3 rounded-xl bg-cp-fill-alter/70 px-3.5 py-3.5 transition-colors xl:h-18.75 xl:grid-cols-[minmax(0,1fr)_minmax(70px,0.36fr)_minmax(74px,0.38fr)_minmax(82px,0.46fr)] xl:items-center xl:gap-4 xl:py-0"
             >
               <AccountIdentityCell
                 :account="account"
diff --git a/frontend/src/views/dashboard/composables/useDashboard.ts b/frontend/src/views/dashboard/composables/useDashboard.ts
index c11b7af45..e63cc65bc 100644
--- a/frontend/src/views/dashboard/composables/useDashboard.ts
+++ b/frontend/src/views/dashboard/composables/useDashboard.ts
@@ -270,12 +270,12 @@ function metricCards(
         {
           label: '可用',
           value: credentials.available,
-          tone: credentials.availableValue > 0 ? 'success' : 'normal',
+          tone: 'success',
         },
         {
           label: '不可用',
           value: credentials.unavailable,
-          tone: credentials.unavailableValue > 0 ? 'danger' : 'normal',
+          tone: 'danger',
         },
       ],
     },
diff --git a/frontend/src/views/settings/components/ModelAliasesCard.vue b/frontend/src/views/settings/components/ModelAliasesCard.vue
index fc7389952..827019631 100644
--- a/frontend/src/views/settings/components/ModelAliasesCard.vue
+++ b/frontend/src/views/settings/components/ModelAliasesCard.vue
@@ -56,12 +56,6 @@ const emit = defineEmits<{
         暂无模型映射
       </div>
       <div v-else class="grid gap-3">
-        <div class="grid grid-cols-[1fr_auto_1fr_auto] items-center gap-3 px-1 text-cp-sm font-bold text-cp-text-quaternary">
-          <span>请求模型</span>
-          <span />
-          <span>上游模型</span>
-          <span />
-        </div>
         <div
           v-for="(row, index) in mappings"
           :key="index"
@@ -69,14 +63,14 @@ const emit = defineEmits<{
         >
           <BaseInput
             :model-value="row.requestedModel"
-            placeholder="gpt-5.4"
+            placeholder="请求模型"
             aria-label="请求模型"
             @update:model-value="emit('updateMapping', index, 'requestedModel', $event)"
           />
           <span class="text-cp-text-quaternary">→</span>
           <BaseInput
             :model-value="row.upstreamModel"
-            placeholder="gpt-5.5"
+            placeholder="上游模型"
             aria-label="上游模型名称"
             @update:model-value="emit('updateMapping', index, 'upstreamModel', $event)"
           />