Uptime Indicators

This commit is contained in:
headlessdev 2025-04-12 16:51:40 +02:00
parent 9a3a36ab7c
commit 40302d7e4e
2 changed files with 32 additions and 25 deletions

View File

@ -8,7 +8,7 @@ import (
"os"
"time"
_ "github.com/jackc/pgx/v4/stdlib" // Wird für die Registrierung des pgx Treibers benötigt
_ "github.com/jackc/pgx/v4/stdlib"
"github.com/joho/godotenv"
)

View File

@ -241,11 +241,18 @@ export default function Dashboard() {
{applications.map((app) => (
<Card
key={app.id}
className={isGridLayout ?
"h-full flex flex-col justify-between" :
"w-full mb-4"}
className={isGridLayout ? "h-full flex flex-col justify-between relative" : "w-full mb-4 relative"}
>
<CardHeader>
{/* Online-/Offline-Indikator mit innerem Kreis */}
<div className="absolute top-2 right-2">
<div
className={`w-4 h-4 rounded-full flex items-center justify-center ${app.online ? "bg-green-700" : "bg-red-700"}`}
title={app.online ? "Online" : "Offline"}
>
<div className={`w-2 h-2 rounded-full ${app.online ? "bg-green-500" : "bg-red-500"}`} />
</div>
</div>
<div className="flex items-center justify-between w-full">
<div className="flex items-center">
<div className="w-16 h-16 flex-shrink-0 flex items-center justify-center rounded-md">