From 59ec05237416018064bfc11fbf061085e62536ca Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Mon, 2 Dec 2024 23:07:01 +0800
Subject: [PATCH] fix: chart button width

---
 index.html                      |  5 ++++-
 src/components/NetworkChart.tsx |  2 +-
 vite.config.ts                  | 20 ++++++++++----------
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index bf1b1b3..3828d8b 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="NEZHA" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent"
+    />
     <title>NEZHA</title>
     <script>
       (function () {
diff --git a/src/components/NetworkChart.tsx b/src/components/NetworkChart.tsx
index a80daab..3b263f8 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 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`}
+          className={`relative z-30 flex cursor-pointer grow basis-0 min-w-[100px] 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">
diff --git a/vite.config.ts b/vite.config.ts
index 5475e43..cbbfea0 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -20,25 +20,25 @@ export default defineConfig({
           {
             src: "pwa-192x192.png",
             sizes: "192x192",
-            type: "image/png"
-          },
-          {
-            src: "pwa-512x512.png",
-            sizes: "512x512",
-            type: "image/png"
+            type: "image/png",
           },
           {
             src: "pwa-512x512.png",
             sizes: "512x512",
             type: "image/png",
-            purpose: "any maskable"
-          }
-        ]
+          },
+          {
+            src: "pwa-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "any maskable",
+          },
+        ],
       },
       workbox: {
         navigateFallbackDenylist: [/^\/dashboard/],
       },
-    })
+    }),
   ],
   resolve: {
     alias: {