Skip to content

Commit 2d9b7be

Browse files
committed
Update Hero component to clarify resource labels and adjust card widths for better layout
1 parent a2a8347 commit 2d9b7be

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

app/server-components/Nodes/Hero.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,39 +21,39 @@ export default async function Hero({
2121
<div className="card-title-big font-bold">Nodes</div>
2222

2323
<div className="flexible-row">
24-
<CardHorizontal label="Active Nodes" value={nodesTotalItems} isFlexible widthClasses="min-w-[196px]" />
24+
<CardHorizontal label="Active Nodes" value={nodesTotalItems} isFlexible widthClasses="min-w-[200px]" />
2525

2626
<CardHorizontal
27-
label="CPU Cores"
27+
label="CPU Cores Available"
2828
value={
2929
<div>
3030
{round(resourcesTotal.cpu_cores_avail, 0)}/{resourcesTotal.cpu_cores}
3131
</div>
3232
}
3333
isFlexible
34-
widthClasses="min-w-[278px]"
34+
widthClasses="min-w-[290px]"
3535
/>
3636

3737
<CardHorizontal
38-
label="Memory (GB)"
38+
label="Memory Available (GB)"
3939
value={
4040
<div>
4141
{round(resourcesTotal.mem_avail, 0)}/{round(resourcesTotal.mem_total, 0)}
4242
</div>
4343
}
4444
isFlexible
45-
widthClasses="min-w-[302px]"
45+
widthClasses="min-w-[308px]"
4646
/>
4747

4848
<CardHorizontal
49-
label="Disk (GB)"
49+
label="Disk Available (GB)"
5050
value={
5151
<div>
5252
{round(resourcesTotal.disk_avail, 0)}/{round(resourcesTotal.disk_total, 0)}
5353
</div>
5454
}
5555
isFlexible
56-
widthClasses="min-w-[290px]"
56+
widthClasses="min-w-[296px]"
5757
/>
5858

5959
<CardHorizontal

0 commit comments

Comments
 (0)