feat: opt page style
This commit is contained in:
@@ -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">
|
||||
加载中...
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user