fix: chart button width

This commit is contained in:
hamster1963 2024-12-02 23:07:01 +08:00
parent 8ef2d43d74
commit 59ec052374
3 changed files with 15 additions and 12 deletions

View File

@ -6,7 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="NEZHA" /> <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> <title>NEZHA</title>
<script> <script>
(function () { (function () {

View File

@ -134,7 +134,7 @@ export const NetworkChartClient = React.memo(function NetworkChart({
<button <button
key={key} key={key}
data-active={activeChart === 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)} onClick={() => handleButtonClick(key)}
> >
<span className="whitespace-nowrap text-xs text-muted-foreground"> <span className="whitespace-nowrap text-xs text-muted-foreground">

View File

@ -20,25 +20,25 @@ export default defineConfig({
{ {
src: "pwa-192x192.png", src: "pwa-192x192.png",
sizes: "192x192", sizes: "192x192",
type: "image/png" type: "image/png",
},
{
src: "pwa-512x512.png",
sizes: "512x512",
type: "image/png"
}, },
{ {
src: "pwa-512x512.png", src: "pwa-512x512.png",
sizes: "512x512", sizes: "512x512",
type: "image/png", type: "image/png",
purpose: "any maskable" },
} {
] src: "pwa-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "any maskable",
},
],
}, },
workbox: { workbox: {
navigateFallbackDenylist: [/^\/dashboard/], navigateFallbackDenylist: [/^\/dashboard/],
}, },
}) }),
], ],
resolve: { resolve: {
alias: { alias: {