feat: opt page style

This commit is contained in:
engigu
2026-01-12 23:19:11 +08:00
parent 74f05cc0f1
commit b07e742550
4 changed files with 178 additions and 5 deletions
+2 -2
View File
@@ -426,11 +426,11 @@ onUnmounted(() => {
</Card>
<Card class="lg:col-span-3 h-[400px] sm:h-[400px]">
<CardHeader class="pb-0">
<CardHeader class="pb-2">
<CardTitle class="text-base sm:text-lg">任务占比</CardTitle>
<CardDescription class="text-xs sm:text-sm">最近{{ chartDays }}天任务执行分布</CardDescription>
</CardHeader>
<CardContent class="pt-0 pb-8">
<CardContent class="pb-8">
<div id="pie-chart" class="w-full h-[300px] sm:h-[300px]">
<div v-if="!chartsLoaded" class="h-full flex items-center justify-center text-muted-foreground text-sm">
加载中...
+2 -2
View File
@@ -13,13 +13,13 @@ function reconnect() {
<template>
<div class="flex flex-col h-[calc(100vh-120px)] sm:h-[calc(100vh-100px)]">
<div class="flex items-center justify-between p-2 border rounded-t-md bg-[#252526]">
<div class="flex items-center justify-between p-2 border border-[#3c3c3c] rounded-t-md bg-[#252526]">
<span class="text-xs font-medium text-gray-300">终端</span>
<Button variant="ghost" size="icon" class="h-6 w-6 text-gray-400 hover:text-white" @click="reconnect" title="重新连接">
<RefreshCw class="h-3 w-3" />
</Button>
</div>
<div class="flex-1 border border-t-0 rounded-b-md overflow-hidden">
<div class="flex-1 border border-[#3c3c3c] border-t-0 rounded-b-md overflow-hidden bg-[#1e1e1e]">
<XTerminal ref="terminalRef" :font-size="13" />
</div>
</div>