wood/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/woodchen-ink/nezha-dash-v1.git synced 2025-07-18 01:21:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 ServerCard 组件的连接数和进程数显示布局，使用网格布局提升信息展示的清晰度和可读性。

Browse Source
This commit is contained in:
wood chen 2025-04-26 15:18:33 +08:00
parent a491e2ad54
commit 56812a52c3
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ServerCard.tsx
View File

@ -439,21 +439,19 @@ export default function ServerCard({ now, serverInfo, cycleStats }: ServerCardPr
</div>
{/* 连接数与进程数 */}
<div className="bg-muted/40 rounded-lg p-2">
<div className="flex justify-between items-center">
<div className="flex items-center min-w-0 flex-1">
<div className="bg-muted/40 rounded-lg p-2 grid grid-cols-2 gap-2">
<div className="flex items-center min-w-0">
<Server className="size-[14px] text-indigo-500 mr-1 flex-shrink-0" />
<span className="text-xs truncate" title={`TCP连接: ${tcp}`}>T: {formatLargeNumber(tcp)}</span>
</div>
<div className="flex items-center min-w-0 flex-1 justify-center">
<div className="flex items-center min-w-0">
<Server className="size-[14px] text-pink-500 mr-1 flex-shrink-0" />
<span className="text-xs truncate" title={`UDP连接: ${udp}`}>U: {formatLargeNumber(udp)}</span>
</div>
<div className="flex items-center min-w-0 flex-1 justify-end">
<div className="flex items-center min-w-0 col-span-2">
<Activity className="size-[14px] text-orange-500 mr-1 flex-shrink-0" />
<span className="text-xs truncate" title={`进程数: ${process}`}>P: {formatLargeNumber(process)}</span>
</div>
</div>
</div>
</div>