From acc241e1a056c301f209bbb95ba733fba0b34665 Mon Sep 17 00:00:00 2001
From: Timothy Yin <master@uniiem.com>
Date: Mon, 13 Jan 2025 11:51:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(avatar-management):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E6=A8=A1=E5=9E=8B=E7=95=8C=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=8B=E8=BD=BD=E5=9B=BE=E7=89=87=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=92=8C=E6=98=BE=E7=A4=BA=E6=A8=A1=E5=9E=8BID?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/generation/avatar-models.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/generation/avatar-models.vue b/pages/generation/avatar-models.vue
index fc670a9..15963f4 100644
--- a/pages/generation/avatar-models.vue
+++ b/pages/generation/avatar-models.vue
@@ -72,19 +72,19 @@ const columns = [
               <UBadge color="white" variant="solid" icon="tabler:user-screen">{{ avatar.name }}</UBadge>
             </div>
             <div
-              class="absolute inset-0 flex justify-center items-center bg-white/50 opacity-0 group-hover:opacity-100 transition-opacity">
+              class="absolute inset-0 flex flex-col justify-center items-center bg-white/50 dark:bg-neutral-800/50 backdrop-blur opacity-0 group-hover:opacity-100 transition-opacity">
               <UButtonGroup>
-                <UButton color="gray" icon="tabler:download" label="下载图片" variant="soft" @click="() => {
+                <UButton color="black" icon="tabler:download" label="下载图片"  @click="() => {
                   const { download } = useDownload(avatar.avatar, `数字人_${avatar.name}.png`)
                   download()
-                }"></UButton>
+                }"/>
               </UButtonGroup>
+              <span class="text-xs font-medium text-neutral-400 dark:text-neutral-300 pt-4">ID: {{ avatar.model_id }}</span>
             </div>
           </div>
         </div>
         <div v-else>
           <div class="flex flex-col gap-4">
-            <pre>{{ userAvatarList?.data.items }}</pre>
             <UTable :rows="userAvatarList?.data.items" :columns="columns" :loading="userAvatarStatus === 'pending'"
               :progress="{ color: 'amber', animation: 'carousel' }" class="border dark:border-neutral-800 rounded-md">
               <template #avatar-data="{ row }">