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

更新 ServerCard 组件，简化连接数和进程数的显示方式，将 TCP、UDP 和进程数的标签缩短为 T、U 和 P，以提升信息展示的简洁性和可读性。

Browse Source
This commit is contained in:
wood chen 2025-04-19 14:43:15 +08:00
parent 12d0323d58
commit 01ade5f908
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ServerCard.tsx
View File

@ -420,24 +420,18 @@ export default function ServerCard({ now, serverInfo, cycleStats }: ServerCardPr
{/* 连接数与进程数 */} {/* 连接数与进程数 */}
<div className="bg-muted/40 rounded-lg p-2 grid grid-cols-2 gap-2"> <div className="bg-muted/40 rounded-lg p-2 grid grid-cols-2 gap-2">
{tcp > 0 && (
<div className="flex items-center"> <div className="flex items-center">
<Server className="size-[14px] text-indigo-500 mr-1" /> <Server className="size-[14px] text-indigo-500 mr-1" />
<span className="text-xs">TCP: {tcp}</span> <span className="text-xs">T: {tcp}</span>
</div> </div>
)}
{udp > 0 && (
<div className="flex items-center"> <div className="flex items-center">
<Server className="size-[14px] text-pink-500 mr-1" /> <Server className="size-[14px] text-pink-500 mr-1" />
<span className="text-xs">UDP: {udp}</span> <span className="text-xs">U: {udp}</span>
</div> </div>
)}
{process > 0 && (
<div className="flex items-center"> <div className="flex items-center">
<Activity className="size-[14px] text-orange-500 mr-1" /> <Activity className="size-[14px] text-orange-500 mr-1" />
<span className="text-xs">{t("serverDetailChart.process")}: {process}</span> <span className="text-xs">P: {process}</span>
</div> </div>
)}
</div> </div>
</div> </div>