wood/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/woodchen-ink/nezha-dash-v1.git synced 2025-07-19 09:51:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新 ServerCard 组件，增加最后活跃时间的显示，优化布局以提升信息展示的清晰度和可读性。

Browse Source
This commit is contained in:
wood chen 2025-04-19 14:53:52 +08:00
parent d7a147cbd6
commit 106687c8c2
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/ServerCard.tsx
View File

@ -12,7 +12,7 @@ import BillingInfo from "./billingInfo"
import { Badge } from "./ui/badge" import { Badge } from "./ui/badge"
import { Card, CardContent, CardHeader, CardFooter } from "./ui/card" import { Card, CardContent, CardHeader, CardFooter } from "./ui/card"
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip"
import { ArrowDown, ArrowUp, Clock, Cpu, HardDrive, Server, Activity, BarChart3 } from "lucide-react" import { ArrowDown, ArrowUp, Clock, Cpu, HardDrive, Server, Activity, BarChart3, Calendar } from "lucide-react"
interface ServerCardProps { interface ServerCardProps {
now: number; now: number;
@ -44,7 +44,8 @@ export default function ServerCard({ now, serverInfo, cycleStats }: ServerCardPr
tcp, tcp,
udp, udp,
process, process,
uptime uptime,
last_active_time_string
} = formatNezhaInfo( } = formatNezhaInfo(
now, now,
serverInfo, serverInfo,
@ -290,12 +291,21 @@ export default function ServerCard({ now, serverInfo, cycleStats }: ServerCardPr
</div> </div>
)} )}
{uptime > 0 && ( <div className="flex flex-col gap-1 items-end">
<div className="flex items-center text-xs text-muted-foreground"> {uptime > 0 && (
<Clock className="size-[12px] mr-1" /> <div className="flex items-center text-xs text-muted-foreground">
<span>{formatUptime(uptime, t)}</span> <Clock className="size-[12px] mr-1" />
</div> <span>{formatUptime(uptime, t)}</span>
)} </div>
)}
{last_active_time_string && (
<div className="flex items-center text-xs text-muted-foreground">
<Calendar className="size-[12px] mr-1" />
<span>{last_active_time_string}</span>
</div>
)}
</div>
</div> </div>
</CardHeader> </CardHeader>