External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-22 01:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Put Status indicator in the top right corner

Browse Source
This commit is contained in:
headlessdev 2025-04-23 19:35:13 +02:00
parent c82a527ae4
commit 02c5128fae
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/dashboard/servers/[server_id]/Server.tsx
View File

@ -407,16 +407,13 @@ export default function ServerDetail() {
<div className="space-y-6">
{/* Server header card */}
<Card>
<CardHeader>
<CardHeader className="relative">
<div className="flex items-center justify-between">
<div className="flex items-center gap-3">
{server.icon && <DynamicIcon name={server.icon as any} size={32} />}
<div>
<CardTitle className="text-2xl flex items-center gap-2">
{server.name}
{server.monitoring && (
<StatusIndicator isOnline={server.online} />
)}
</CardTitle>
<CardDescription>
{server.os || "No OS specified"} • {server.isVM ? "Virtual Machine" : "Physical Server"}
@ -427,6 +424,11 @@ export default function ServerDetail() {
</div>
</div>
</div>
{server.monitoring && (
<div className="absolute top-0 right-4">
<StatusIndicator isOnline={server.online} />
</div>
)}
</CardHeader>
<CardContent>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">