Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-11-18 03:26:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update network-metrics.tsx

Browse Source
This commit is contained in:
MacRimi
2025-10-25 21:47:04 +02:00
parent 35c50a7c60
commit 6bf5bd97b5
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
AppImage/components/network-metrics.tsx
View File

@@ -803,26 +803,24 @@ export function NetworkMetrics() {
: "Last Year"} : "Last Year"}
) )
</h3> </h3>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div className="space-y-4">
{/* Traffic Data - Left Column */} {/* Traffic Data - Top Row */}
<div className="space-y-4"> <div className="grid grid-cols-2 gap-4">
<div className="grid grid-cols-2 gap-4"> <div>
<div> <div className="text-sm text-muted-foreground">Bytes Received</div>
<div className="text-sm text-muted-foreground">Bytes Received</div> <div className="font-medium text-green-500 text-lg">
<div className="font-medium text-green-500 text-lg"> {formatStorage(interfaceTotals.received * 1024 * 1024 * 1024)}
{formatStorage(interfaceTotals.received * 1024 * 1024 * 1024)}
</div>
</div> </div>
<div> </div>
<div className="text-sm text-muted-foreground">Bytes Sent</div> <div>
<div className="font-medium text-blue-500 text-lg"> <div className="text-sm text-muted-foreground">Bytes Sent</div>
{formatStorage(interfaceTotals.sent * 1024 * 1024 * 1024)} <div className="font-medium text-blue-500 text-lg">
</div> {formatStorage(interfaceTotals.sent * 1024 * 1024 * 1024)}
</div> </div>
</div> </div>
</div> </div>
{/* Network Traffic Chart - Right Column */} {/* Network Traffic Chart - Full Width Below */}
<div className="bg-muted/30 rounded-lg p-4"> <div className="bg-muted/30 rounded-lg p-4">
<NetworkTrafficChart <NetworkTrafficChart
timeframe={modalTimeframe} timeframe={modalTimeframe}