Buriburizaemon/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/Buriburizaem0n/nezha-dash-v1.git synced 2026-02-04 20:50:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: lint

Browse Source
This commit is contained in:
hamster1963
2024-11-23 19:34:05 +08:00
parent 963b6a54a6
commit 3275ea9211
6 changed files with 54 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/ServerOverview.tsx
View File

@@ -7,17 +7,19 @@ type ServerOverviewProps = {
total: number;
up: number;
down: number;
}
export default function ServerOverview({ online, offline, total, up, down }: ServerOverviewProps) {
};
export default function ServerOverview({
online,
offline,
total,
up,
down,
}: ServerOverviewProps) {
return (
<>
<section className="grid grid-cols-2 gap-4 lg:grid-cols-4">
<Card
className={cn("hover:border-blue-500 transition-all")}
>
<Card className={cn("hover:border-blue-500 transition-all")}>
<CardContent className="px-6 py-3">
<section className="flex flex-col gap-1">
<p className="text-sm font-medium md:text-base">
@@ -27,9 +29,7 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
<span className="relative flex h-2 w-2">
<span className="relative inline-flex h-2 w-2 rounded-full bg-blue-500"></span>
</span>
<div className="text-lg font-semibold">
{total}
</div>
<div className="text-lg font-semibold">{total}</div>
</div>
</section>
</CardContent>
@@ -50,9 +50,7 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
<span className="relative inline-flex h-2 w-2 rounded-full bg-green-500"></span>
</span>
<div className="text-lg font-semibold">
{online}
</div>
<div className="text-lg font-semibold">{online}</div>
</div>
</section>
</CardContent>
@@ -60,7 +58,6 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
<Card
className={cn(
" hover:ring-red-500 ring-1 ring-transparent transition-all",
)}
>
<CardContent className="px-6 py-3">
@@ -73,9 +70,7 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
<span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75"></span>
<span className="relative inline-flex h-2 w-2 rounded-full bg-red-500"></span>
</span>
<div className="text-lg font-semibold">
{offline}
</div>
<div className="text-lg font-semibold">{offline}</div>
</div>
</section>
</CardContent>
@@ -83,7 +78,6 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
<Card
className={cn(
" hover:ring-purple-500 ring-1 ring-transparent transition-all",
)}
>
<CardContent className="relative px-6 py-3">
@@ -92,16 +86,15 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
{"Totalbandwidth"}
</p>
<section className="flex flex-col sm:flex-row pt-[8px] sm:items-center items-start gap-1">
<p className="text-[12px] text-nowrap font-semibold">
↑{formatBytes(up)}
</p>
<p className="text-[12px] text-nowrap font-semibold">
↓{formatBytes(down)}
</p>
</section>
<section className="flex flex-col sm:flex-row pt-[8px] sm:items-center items-start gap-1">
<p className="text-[12px] text-nowrap font-semibold">
↑{formatBytes(up)}
</p>
<p className="text-[12px] text-nowrap font-semibold">
↓{formatBytes(down)}
</p>
</section>
</section>
</CardContent>
</Card>
</section>