From 8ef2d43d74b54b3428bca8d32e7b37b072dc147a Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Mon, 2 Dec 2024 22:32:13 +0800
Subject: [PATCH] fix: chart button

---
 src/components/NetworkChart.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NetworkChart.tsx b/src/components/NetworkChart.tsx
index a48420e..a80daab 100644
--- a/src/components/NetworkChart.tsx
+++ b/src/components/NetworkChart.tsx
@@ -134,7 +134,7 @@ export const NetworkChartClient = React.memo(function NetworkChart({
         <button
           key={key}
           data-active={activeChart === key}
-          className={`relative z-30 flex cursor-pointer flex-1 flex-col justify-center gap-1 border-b border-neutral-200 dark:border-neutral-800 px-6 py-4 text-left data-[active=true]:bg-muted/50 sm:border-l sm:border-t-0 sm:px-6`}
+          className={`relative z-30 flex cursor-pointer grow basis-0 min-w-[200px] flex-col justify-center gap-1 border-b border-neutral-200 dark:border-neutral-800 px-6 py-4 text-left data-[active=true]:bg-muted/50 sm:border-l sm:border-t-0 sm:px-6`}
           onClick={() => handleButtonClick(key)}
         >
           <span className="whitespace-nowrap text-xs text-muted-foreground">
@@ -186,7 +186,7 @@ export const NetworkChartClient = React.memo(function NetworkChart({
             {chartDataKey.length} {t("monitor.monitorCount")}
           </CardDescription>
         </div>
-        <div className="flex flex-wrap">{chartButtons}</div>
+        <div className="flex flex-wrap w-full">{chartButtons}</div>
       </CardHeader>
       <CardContent className="pr-2 pl-0 py-4 sm:pt-6 sm:pb-6 sm:pr-6 sm:pl-2">
         <ChartContainer