From 7cfcd1aec0c0bcb27e920dc6ca0ec12ff0837a89 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Mon, 2 Dec 2024 22:26:58 +0800
Subject: [PATCH] fix: chart button

---
 README.md                                    |   2 +-
 app/(main)/ClientComponents/NetworkChart.tsx |   4 ++--
 app/(main)/header.tsx                        |   2 +-
 app/(main)/page.tsx                          |   5 ++---
 app/not-found.tsx                            |   4 ++--
 bun.lockb                                    | Bin 613720 -> 613720 bytes
 6 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 277f169..c6fab0b 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 > [!CAUTION]
 > 此为 V0 兼容版本，V1 版本 issue 也可提出
-> 
+>
 > 有关 V1 版本 pr 可移步 https://github.com/hamster1963/nezha-dash-react
 
 ### 部署
diff --git a/app/(main)/ClientComponents/NetworkChart.tsx b/app/(main)/ClientComponents/NetworkChart.tsx
index c4ba3f3..8a47db4 100644
--- a/app/(main)/ClientComponents/NetworkChart.tsx
+++ b/app/(main)/ClientComponents/NetworkChart.tsx
@@ -128,7 +128,7 @@ export const NetworkChart = 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">
@@ -180,7 +180,7 @@ export const NetworkChart = React.memo(function NetworkChart({
             {chartDataKey.length} {t("ServerMonitorCount")}
           </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
diff --git a/app/(main)/header.tsx b/app/(main)/header.tsx
index ff0fe68..ebcc1cc 100644
--- a/app/(main)/header.tsx
+++ b/app/(main)/header.tsx
@@ -99,7 +99,7 @@ function Links() {
 
 // https://github.com/streamich/react-use/blob/master/src/useInterval.ts
 const useInterval = (callback: () => void, delay: number | null) => {
-  const savedCallback = useRef<() => void>(() => { });
+  const savedCallback = useRef<() => void>(() => {});
   useEffect(() => {
     savedCallback.current = callback;
   });
diff --git a/app/(main)/page.tsx b/app/(main)/page.tsx
index 89e6586..51f769b 100644
--- a/app/(main)/page.tsx
+++ b/app/(main)/page.tsx
@@ -1,13 +1,12 @@
 import ServerList from "@/components/ServerList";
 import ServerOverview from "@/components/ServerOverview";
-
-export const runtime = "edge";
-
 import { Suspense } from "react";
 
 import ServerGlobal from "./ClientComponents/Global";
 import GlobalLoading from "./ClientComponents/GlobalLoading";
 
+export const runtime = "edge";
+
 export default async function Home({
   searchParams,
 }: {
diff --git a/app/not-found.tsx b/app/not-found.tsx
index af69320..18c69b2 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -1,11 +1,11 @@
 import { useTranslations } from "next-intl";
 import Link from "next/link";
 
-export const runtime = "edge";
-
 import Footer from "./(main)/footer";
 import Header from "./(main)/header";
 
+export const runtime = "edge";
+
 export default function NotFoundPage() {
   const t = useTranslations("NotFoundPage");
   return (
diff --git a/bun.lockb b/bun.lockb
index f54a44e76af65307f03b25c1022090764249bc8e..e2a7cb8a00a2bdf40becb2d3f8c4005024f93329 100755
GIT binary patch
delta 35
rcmcbyOZCPs)rJ<v7N!>F7M2#)7Pc+y9mR~M?VZK!+dGRn&c6fz{MZf!

delta 35
rcmcbyOZCPs)rJ<v7N!>F7M2#)7Pc+y9mR|$?VZK!+dGRn&c6fz{LKyo