mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-04-03 15:26:16 +02:00
fix(admin): improve memory usage indicators
This commit is contained in:
parent
da23acbe5e
commit
1cc695ff75
|
|
@ -23,7 +23,7 @@ export default function SettingsPage(props: {
|
||||||
})
|
})
|
||||||
|
|
||||||
const memoryUsagePercent = info?.mem.total
|
const memoryUsagePercent = info?.mem.total
|
||||||
? ((info.mem.used / info.mem.total) * 100).toFixed(1)
|
? (((info.mem.total - info.mem.available) / info.mem.total) * 100).toFixed(1)
|
||||||
: 0
|
: 0
|
||||||
|
|
||||||
const swapUsagePercent = info?.mem.swaptotal
|
const swapUsagePercent = info?.mem.swaptotal
|
||||||
|
|
@ -145,15 +145,15 @@ export default function SettingsPage(props: {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<div className="text-3xl font-bold text-desert-orange mb-1">
|
<div className="text-3xl font-bold text-desert-green mb-1">
|
||||||
{formatBytes(info?.mem.used || 0)}
|
{formatBytes(info?.mem.used || 0)}
|
||||||
</div>
|
</div>
|
||||||
<div className="text-sm text-desert-stone-dark uppercase tracking-wide">
|
<div className="text-sm text-desert-stone-dark uppercase tracking-wide">
|
||||||
RAM in Use
|
Used RAM
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<div className="text-3xl font-bold text-desert-olive mb-1">
|
<div className="text-3xl font-bold text-desert-green mb-1">
|
||||||
{formatBytes(info?.mem.free || 0)}
|
{formatBytes(info?.mem.free || 0)}
|
||||||
</div>
|
</div>
|
||||||
<div className="text-sm text-desert-stone-dark uppercase tracking-wide">
|
<div className="text-sm text-desert-stone-dark uppercase tracking-wide">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user