fix: chart button

README.md

@@ -6,7 +6,7 @@
 
 > [!CAUTION]
 > 此为 V0 兼容版本，V1 版本 issue 也可提出
-> 
+>
 > 有关 V1 版本 pr 可移步 https://github.com/hamster1963/nezha-dash-react
 
 ### 部署

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

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;
   });

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,
 }: {

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 (