fix: 生成视频快速预览、AIGC 导航新增 DS

components/aigc/generation/CGTaskCard.client.vue

@@ -161,7 +161,7 @@ const onCombination = () => {
 <template>
   <div
     class="w-full rounded-xl border border-neutral-200 dark:border-neutral-700 hover:shadow transition overflow-hidden">
-    <div class="relative w-full aspect-video">
+    <div class="relative w-full aspect-video group">
       <NuxtImg class="w-full aspect-video object-cover pointer-events-none absolute inset-0" v-if="!!course.video_cover"
         :src="course.video_cover" alt="image" loading="lazy" />
       <div v-else
@@ -177,6 +177,11 @@ const onCombination = () => {
           </UBadge>
         </UTooltip>
       </div>
+      <div v-if="isDownloadable" class="absolute inset-0 bg-black/10 backdrop-blur-md flex justify-center items-center opacity-0 group-hover:opacity-100 duration-300">
+        <div class="rounded-full w-14 aspect-square bg-gray-300/50 backdrop-blur-md flex justify-center items-center cursor-pointer" @click="isPreviewModalOpen = true">
+          <Icon name="i-tabler-play" class="text-white text-3xl" />
+        </div>
+      </div>
     </div>
     <div class="px-2 pt-1 pb-2 flex justify-between">
       <div class="flex-1 overflow-hidden pt-1">
@@ -189,7 +194,7 @@ const onCombination = () => {
           <span>{{ dayjs(course.create_time * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
           <button v-if="course.task_id" class="hover:text-primary font-medium" tabindex="-1" :title="course.task_id"
             @click="copyTaskId(isFailed ? `\n\n${course.message}\n${course.ppt_url}` : '')">
-            复制ID
+            {{ isFailed ? '复制错误报告' : '复制 ID' }}
           </button>
         </p>
       </div>
@@ -238,7 +243,7 @@ const onCombination = () => {
         </UButtonGroup>
       </div>
     </div>
-    <UModal v-model="isPreviewModalOpen">
+    <UModal v-model="isPreviewModalOpen" :ui="{ width: 'w-full sm:max-w-4xl'}">
       <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
         <template #header>
           <div class="flex items-center justify-between">