mirror of
https://github.com/crocofied/CoreControl.git
synced 2025-12-22 01:46:40 +00:00
Put Status indicator in the top right corner
This commit is contained in:
parent
c82a527ae4
commit
02c5128fae
@ -407,16 +407,13 @@ export default function ServerDetail() {
|
|||||||
<div className="space-y-6">
|
<div className="space-y-6">
|
||||||
{/* Server header card */}
|
{/* Server header card */}
|
||||||
<Card>
|
<Card>
|
||||||
<CardHeader>
|
<CardHeader className="relative">
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
{server.icon && <DynamicIcon name={server.icon as any} size={32} />}
|
{server.icon && <DynamicIcon name={server.icon as any} size={32} />}
|
||||||
<div>
|
<div>
|
||||||
<CardTitle className="text-2xl flex items-center gap-2">
|
<CardTitle className="text-2xl flex items-center gap-2">
|
||||||
{server.name}
|
{server.name}
|
||||||
{server.monitoring && (
|
|
||||||
<StatusIndicator isOnline={server.online} />
|
|
||||||
)}
|
|
||||||
</CardTitle>
|
</CardTitle>
|
||||||
<CardDescription>
|
<CardDescription>
|
||||||
{server.os || "No OS specified"} • {server.isVM ? "Virtual Machine" : "Physical Server"}
|
{server.os || "No OS specified"} • {server.isVM ? "Virtual Machine" : "Physical Server"}
|
||||||
@ -427,6 +424,11 @@ export default function ServerDetail() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{server.monitoring && (
|
||||||
|
<div className="absolute top-0 right-4">
|
||||||
|
<StatusIndicator isOnline={server.online} />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent>
|
<CardContent>
|
||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user