mirror of
https://github.com/DI0IK/homepage-plus.git
synced 2025-07-07 14:18:47 +00:00
pad string to a fixed length to stop shifting
This commit is contained in:
parent
f0f470ba8b
commit
086c767ed6
1 changed files with 4 additions and 2 deletions
|
@ -35,9 +35,11 @@ export default function Cpu() {
|
||||||
<div className="flex-none flex flex-row items-center justify-center">
|
<div className="flex-none flex flex-row items-center justify-center">
|
||||||
<FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
|
<FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
|
||||||
<div className="flex flex-col ml-3 text-left font-mono">
|
<div className="flex flex-col ml-3 text-left font-mono">
|
||||||
<span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.cpu.usage)}% Usage</span>
|
|
||||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||||
{(Math.round(data.cpu.load * 100) / 100).toFixed(1)} Load
|
<span className="whitespace-pre">{`${Math.round(data.cpu.usage)}%`.padEnd(3, " ")} Usage</span>
|
||||||
|
</span>
|
||||||
|
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||||
|
{`${(Math.round(data.cpu.load * 100) / 100).toFixed(1)}`.padEnd(3, " ")} Load
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue