From 0ac62354223ad63712672b11d7a0068c8b25a4eb Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Wed, 18 Dec 2024 15:48:24 +0800
Subject: [PATCH] fix: overview bandwidth overflow on mobile

---
 app/(main)/ClientComponents/main/ServerOverviewClient.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(main)/ClientComponents/main/ServerOverviewClient.tsx b/app/(main)/ClientComponents/main/ServerOverviewClient.tsx
index 48c244b..c1d777a 100644
--- a/app/(main)/ClientComponents/main/ServerOverviewClient.tsx
+++ b/app/(main)/ClientComponents/main/ServerOverviewClient.tsx
@@ -141,11 +141,11 @@ export default function ServerOverviewClient() {
               </div>
               {data?.result ? (
                 <>
-                  <section className="flex items-start flex-row pr-0 gap-1">
-                    <p className="sm:text-[12px] text-[10px] text-blue-800 dark:text-blue-400   text-nowrap font-medium">
+                  <section className="flex flex-col sm:flex-row items-start pr-0 gap-1">
+                    <p className="text-[12px] text-blue-800 dark:text-blue-400   text-nowrap font-medium">
                       ↑{formatBytes(data?.total_out_bandwidth)}
                     </p>
-                    <p className="sm:text-[12px] text-[10px]  text-purple-800 dark:text-purple-400  text-nowrap font-medium">
+                    <p className="text-[12px]  text-purple-800 dark:text-purple-400  text-nowrap font-medium">
                       ↓{formatBytes(data?.total_in_bandwidth)}
                     </p>
                   </section>