From 56812a52c3d4cbf09be3ab6010825c11f02dddbf Mon Sep 17 00:00:00 2001
From: wood chen <wood@czl.net>
Date: Sat, 26 Apr 2025 15:18:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20ServerCard=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E8=BF=9E=E6=8E=A5=E6=95=B0=E5=92=8C=E8=BF=9B?=
 =?UTF-8?q?=E7=A8=8B=E6=95=B0=E6=98=BE=E7=A4=BA=E5=B8=83=E5=B1=80=EF=BC=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=BD=91=E6=A0=BC=E5=B8=83=E5=B1=80=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA=E7=9A=84=E6=B8=85?=
 =?UTF-8?q?=E6=99=B0=E5=BA=A6=E5=92=8C=E5=8F=AF=E8=AF=BB=E6=80=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ServerCard.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/ServerCard.tsx b/src/components/ServerCard.tsx
index 7fe0e13..9d4c238 100644
--- a/src/components/ServerCard.tsx
+++ b/src/components/ServerCard.tsx
@@ -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>