chore: update logs loading sytle

This commit is contained in:
engigu
2026-04-01 17:56:25 +08:00
parent b8cc7f4f88
commit 643828f07a
2 changed files with 40 additions and 8 deletions
+12 -3
View File
@@ -2,7 +2,7 @@
import { ref, watch, onUnmounted, nextTick } from 'vue'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { X, Search } from 'lucide-vue-next'
import { X, Search, AlertCircle } from 'lucide-vue-next'
import Ansi from 'ansi-to-vue3'
const props = defineProps<{
@@ -111,8 +111,17 @@ onUnmounted(() => {
</Button>
</div>
</div>
<div ref="scrollContainer" class="flex-1 overflow-auto bg-black/5 dark:bg-white/5" @scroll="handleScroll">
<div class="p-3 sm:p-4 text-xs font-mono whitespace-pre-wrap break-all leading-relaxed"><Ansi>{{ content }}</Ansi></div>
<div ref="scrollContainer" class="flex-1 overflow-auto bg-black/5 dark:bg-white/5 flex flex-col" @scroll="handleScroll">
<div v-if="!content.trim()" class="flex-1 flex flex-col items-center justify-center p-8 select-none text-center">
<div class="w-16 h-16 rounded-3xl bg-muted/20 flex items-center justify-center mb-6 border border-muted-foreground/10 mx-auto">
<AlertCircle class="h-8 w-8 text-muted-foreground/20" />
</div>
<span class="text-base text-muted-foreground font-semibold">未检测到输出内容</span>
<p class="text-xs text-muted-foreground/40 mt-2 max-w-[280px] leading-relaxed mx-auto">
此任务已执行完毕但在标准输出Stdout和错误输出Stderr通道中均未捕获到任何有效数据
</p>
</div>
<div v-else class="p-3 sm:p-4 text-xs font-mono whitespace-pre-wrap break-all leading-relaxed"><Ansi>{{ content }}</Ansi></div>
</div>
</div>
</div>