External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-29 16:14:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated Status indicator on Server card

Browse Source
This commit is contained in:
headlessdev
2025-04-20 23:25:35 +02:00
parent ca81165a1c
commit 456f40dab2
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/dashboard/servers/Servers.tsx
View File

@@ -654,9 +654,21 @@ export default function Dashboard() {
.map((server) => ( .map((server) => (
<Card <Card
key={server.id} key={server.id}
className={`${isGridLayout ? "h-full flex flex-col justify-between" : "w-full mb-4"} hover:shadow-md transition-all duration-200 max-w-full`} className={`${isGridLayout ? "h-full flex flex-col justify-between" : "w-full mb-4"} hover:shadow-md transition-all duration-200 max-w-full relative`}
> >
<CardHeader> <CardHeader>
{server.monitoring && (
<div className="absolute top-2 right-2">
<div
className={`w-4 h-4 rounded-full flex items-center justify-center ${server.online ? "bg-green-700" : "bg-red-700"}`}
title={server.online ? "Online" : "Offline"}
>
<div
className={`w-2 h-2 rounded-full ${server.online ? "bg-green-500" : "bg-red-500"}`}
/>
</div>
</div>
)}
<div className="flex items-center justify-between w-full"> <div className="flex items-center justify-between w-full">
<div className="flex items-center w-4/6"> <div className="flex items-center w-4/6">
<div className="ml-4 flex-grow"> <div className="ml-4 flex-grow">
@@ -670,12 +682,6 @@ export default function Dashboard() {
{server.isVM && ( {server.isVM && (
<span className="bg-blue-500 text-white text-xs px-2 py-1 rounded">VM</span> <span className="bg-blue-500 text-white text-xs px-2 py-1 rounded">VM</span>
)} )}
{server.monitoring && (
<div
className={`ml-2 h-2.5 w-2.5 rounded-full ${server.online ? "bg-emerald-500" : "bg-destructive"}`}
title={server.online ? "Online" : "Offline"}
/>
)}
</CardTitle> </CardTitle>
<CardDescription <CardDescription
className={`text-sm mt-1 grid gap-y-1 ${ className={`text-sm mt-1 grid gap-y-1 ${