albert/status-monitor
1
0
Fork 0
mirror of https://github.com/csehviktor/status-monitor.git synced 2025-08-08 18:06:14 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve home page

Browse Source
This commit is contained in:
csehviktor
2025-07-03 08:17:11 +02:00
parent 7bea3eb594
commit fa7bce9c03
5 changed files with 88 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
ui/src/pages/home.tsx
View File

@@ -1,4 +1,6 @@
import { AgentOverviewCard } from "@/components/AgentCard";
import { Header } from "@/components/Header";
import { Box } from "lucide-react";
export function HomePage() {
return (
@@ -11,8 +13,47 @@ export function HomePage() {
}}
/>
<main className="max-w-7xl mx-auto py-8">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
<h1>helo vilag</h1>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
<AgentOverviewCard
props={{
title: "total agents",
icon: {
ref: <Box />,
color: "rgb(96, 165, 250)",
bgColor: "rgba(59, 130, 246, 0.2)",
},
}}
/>
<AgentOverviewCard
props={{
title: "online",
icon: {
ref: (
<div className="w-3 h-3 bg-green-500 rounded-full animate-pulse-slow" />
),
color: "rgb(34, 197, 94)",
bgColor: "rgba(34, 197, 94, 0.2)",
},
}}
/>
<AgentOverviewCard
props={{
title: "offline",
icon: {
ref: (
<div className="w-3 h-3 bg-red-500 rounded-full animate-pulse-slow" />
),
color: "rgb(239, 68, 68)",
bgColor: "rgba(239, 68, 68, 0.2)",
},
}}
/>
</div>
<div className="mb-6">
<h2 className="text-xl font-semibold mb-4">Agents</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"></div>
</div>
</main>
</div>