From c21942f739d2c8d011a7a4306192701089288eb8 Mon Sep 17 00:00:00 2001
From: Montia37 <MTChaoyi@outlook.com>
Date: Fri, 15 Aug 2025 23:42:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E6=B5=81=E9=87=8F?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=B8=BA=E5=BC=BA=E5=88=B6=E4=B8=8D=E6=8D=A2?=
 =?UTF-8?q?=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 komari-theme.json                        | 2 +-
 src/components/sections/NodeCard.tsx     | 8 ++++----
 src/components/sections/NodeListItem.tsx | 7 ++++---
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/komari-theme.json b/komari-theme.json
index d1ba943..3fdbffa 100644
--- a/komari-theme.json
+++ b/komari-theme.json
@@ -2,7 +2,7 @@
     "name": "Komari Theme PurCart",
     "short": "PurCarte",
     "description": "A frosted glass theme for Komari",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "author": "Montia & Gemini",
     "url": "https://github.com/Montia37/Komari-theme-purcarte",
     "preview": "preview.png",
diff --git a/src/components/sections/NodeCard.tsx b/src/components/sections/NodeCard.tsx
index 11851d4..5a67248 100644
--- a/src/components/sections/NodeCard.tsx
+++ b/src/components/sections/NodeCard.tsx
@@ -145,9 +145,9 @@ export const NodeCard = ({ node }: NodeCardProps) => {
           </div>
         </div>
         <div className="flex items-center justify-between text-xs">
-          <span className="text-secondary-foreground w-1/4">流量</span>
-          <div className="flex items-center justify-between w-3/4">
-            <div className="flex items-center justify-center w-1/3">
+          <span className="text-secondary-foreground w-1/5">流量</span>
+          <div className="flex items-center justify-between w-4/5">
+            <div className="flex items-center w-1/4">
               {node.traffic_limit !== 0 && isOnline && stats && (
                 <CircleProgress
                   value={trafficPercentage}
@@ -158,7 +158,7 @@ export const NodeCard = ({ node }: NodeCardProps) => {
                 />
               )}
             </div>
-            <div className="w-2/3 text-right">
+            <div className="w-3/4 text-right text-nowrap">
               <div>
                 <span>
                   ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}
diff --git a/src/components/sections/NodeListItem.tsx b/src/components/sections/NodeListItem.tsx
index dacdf11..d1865e3 100644
--- a/src/components/sections/NodeListItem.tsx
+++ b/src/components/sections/NodeListItem.tsx
@@ -93,9 +93,9 @@ 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">
+        <div className="flex items-center justify-around text-nowrap">
           {node.traffic_limit !== 0 && isOnline && stats && (
-            <div className="flex items-center">
+            <div className="flex items-center justify-center w-1/4">
               <CircleProgress
                 value={trafficPercentage}
                 maxValue={100}
@@ -105,7 +105,8 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
               />
             </div>
           )}
-          <div className={node.traffic_limit !== 0 ? "w-2/3" : "w-full"}>
+          <div
+            className={node.traffic_limit !== 0 ? "w-3/4 text-left" : "w-full"}>
             <div>
               <span>
                 ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}