- improved the system status ui

2025-11-24 14:54:05 +00:00
parent d15a69e6b9
commit c9dde6b992
8 changed files with 152 additions and 9 deletions
--- a/src/features/dashboard/components/DashboardGrid.tsx
+++ b/src/features/dashboard/components/DashboardGrid.tsx
@@ -1,10 +1,12 @@
 import CameraStatus from "./CameraStatus";
+import SystemOverview from "./SystemOverview";
 import SystemStatusCard from "./SystemStatusCard";

 const DashboardGrid = () => {
  return (
-    <div className="grid grid-rows-2">
+    <div className="grid grid-cols-1 md:grid-rows-2 md:grid-cols-2">
      <SystemStatusCard />
+      <SystemOverview />
      <CameraStatus title="Camera 1" status={"bg-red-500"} description={"Camera not responding"} />
      <CameraStatus title="Camera 2" status={"bg-gray-500"} description={"Camera Offline"} />
    </div>