dennii/Termix
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 22 Wiki Activity

Fix HDD name and UI spacing

Browse Source
This commit is contained in:
LukeGus
2025-08-18 01:02:30 -05:00
parent 53f9e888df
commit f0ae53c41b
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/ui/apps/Server/Server.tsx
View File

@@ -170,7 +170,7 @@ export function Server({
<div className="rounded-lg border-2 border-[#303032] m-3 bg-[#0e0e10] flex flex-row items-stretch"> <div className="rounded-lg border-2 border-[#303032] m-3 bg-[#0e0e10] flex flex-row items-stretch">
{/* CPU */} {/* CPU */}
<div className="flex-1 min-w-0 px-2 py-2"> <div className="flex-1 min-w-0 px-2 py-2">
<h1 className="font-bold text-lg flex flex-row gap-2 mb-1"> <h1 className="font-bold xt-lg flex flex-row gap-2 mb-2">
<Cpu/> <Cpu/>
{(() => { {(() => {
const pct = metrics?.cpu?.percent; const pct = metrics?.cpu?.percent;
@@ -192,7 +192,7 @@ export function Server({
{/* Memory */} {/* Memory */}
<div className="flex-1 min-w-0 px-2 py-2"> <div className="flex-1 min-w-0 px-2 py-2">
<h1 className="font-bold xt-lg flex flex-row gap-2 mb-1"> <h1 className="font-bold xt-lg flex flex-row gap-2 mb-2">
<MemoryStick/> <MemoryStick/>
{(() => { {(() => {
const pct = metrics?.memory?.percent; const pct = metrics?.memory?.percent;
@@ -212,7 +212,7 @@ export function Server({
{/* HDD */} {/* HDD */}
<div className="flex-1 min-w-0 px-2 py-2"> <div className="flex-1 min-w-0 px-2 py-2">
<h1 className="font-bold text-lg flex flex-row gap-2 mb-1"> <h1 className="font-bold xt-lg flex flex-row gap-2 mb-2">
<HardDrive/> <HardDrive/>
{(() => { {(() => {
const pct = metrics?.disk?.percent; const pct = metrics?.disk?.percent;
@@ -221,7 +221,7 @@ export function Server({
const pctText = (typeof pct === 'number') ? `${pct}%` : 'N/A'; const pctText = (typeof pct === 'number') ? `${pct}%` : 'N/A';
const usedText = used ?? 'N/A'; const usedText = used ?? 'N/A';
const totalText = total ?? 'N/A'; const totalText = total ?? 'N/A';
return `HD Space - ${pctText} (${usedText} of ${totalText})`; return `HDD Space - ${pctText} (${usedText} of ${totalText})`;
})()} })()}
</h1> </h1>