From 235926be21f6fc8e3a1f70753b9ab1bc6a606a23 Mon Sep 17 00:00:00 2001
From: Montia37 <MTChaoyi@outlook.com>
Date: Sat, 16 Aug 2025 00:38:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E6=8D=A2=E8=A1=8C=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sections/NodeCard.tsx     | 4 ++--
 src/components/sections/NodeListItem.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/sections/NodeCard.tsx b/src/components/sections/NodeCard.tsx
index 5a67248..7beb55e 100644
--- a/src/components/sections/NodeCard.tsx
+++ b/src/components/sections/NodeCard.tsx
@@ -59,7 +59,7 @@ export const NodeCard = ({ node }: NodeCardProps) => {
           </div>
         </Link>
       </CardHeader>
-      <CardContent className="flex-grow space-y-3 text-sm">
+      <CardContent className="flex-grow space-y-3 text-sm text-nowrap">
         <div className="flex flex-wrap gap-1">
           <Tag tags={tagList} />
         </div>
@@ -158,7 +158,7 @@ export const NodeCard = ({ node }: NodeCardProps) => {
                 />
               )}
             </div>
-            <div className="w-3/4 text-right text-nowrap">
+            <div className="w-3/4 text-right">
               <div>
                 <span>
                   ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}
diff --git a/src/components/sections/NodeListItem.tsx b/src/components/sections/NodeListItem.tsx
index d1865e3..431ee92 100644
--- a/src/components/sections/NodeListItem.tsx
+++ b/src/components/sections/NodeListItem.tsx
@@ -27,7 +27,7 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
 
   return (
     <div
-      className={`grid grid-cols-10 text-center shadow-md gap-4 p-2 items-center rounded-lg ${
+      className={`grid grid-cols-10 text-center shadow-md gap-4 p-2 text-nowrap items-center rounded-lg ${
         isOnline
           ? ""
           : "striped-bg-red-translucent-diagonal ring-2 ring-red-500/50"
@@ -38,7 +38,7 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
           <div className="ml-2 w-full">
             <div className="text-base font-bold">{node.name}</div>
             <Tag className="text-xs" tags={tagList} />
-            <div className="flex text-xs text-nowrap">
+            <div className="flex text-xs">
               <div className="flex">
                 <span className="text-secondary-foreground">到期：</span>
                 <div className="flex items-center gap-1">{expired_at}</div>
@@ -93,7 +93,7 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
         <div>↓ {stats ? formatBytes(stats.network.down, true) : "N/A"}</div>
       </div>
       <div className="col-span-2">
-        <div className="flex items-center justify-around text-nowrap">
+        <div className="flex items-center justify-around">
           {node.traffic_limit !== 0 && isOnline && stats && (
             <div className="flex items-center justify-center w-1/4">
               <CircleProgress