root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: network chart

Browse Source
This commit is contained in:
hamster1963 2024-10-22 17:51:57 +08:00
parent 0729aeffed
commit 6e8691f9de
3 changed files with 4 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/[locale]/(main)/ClientComponents/NetworkChart.tsx
View File

@ -181,13 +181,7 @@ export const NetworkChart = React.memo(function NetworkChart({
<Card> <Card>
<CardHeader className="flex flex-col items-stretch space-y-0 p-0 sm:flex-row"> <CardHeader className="flex flex-col items-stretch space-y-0 p-0 sm:flex-row">
<div className="flex flex-none flex-col justify-center gap-1 border-b px-6 py-4"> <div className="flex flex-none flex-col justify-center gap-1 border-b px-6 py-4">
<CardTitle <CardTitle className="flex flex-none items-center gap-0.5 text-md">
onClick={() => {
router.push(`/${locale}/`);
}}
className="flex flex-none cursor-pointer items-center gap-0.5 text-xl"
>
<BackIcon />
{serverName} {serverName}
</CardTitle> </CardTitle>
<CardDescription className="text-xs"> <CardDescription className="text-xs">

8
app/[locale]/(main)/ClientComponents/NetworkChartLoading.tsx
View File

@ -12,13 +12,7 @@ export default function NetworkChartLoading() {
<Card> <Card>
<CardHeader className="flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row"> <CardHeader className="flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row">
<div className="flex flex-1 flex-col justify-center gap-1 px-6 py-5"> <div className="flex flex-1 flex-col justify-center gap-1 px-6 py-5">
<CardTitle <CardTitle className="flex items-center gap-0.5 text-xl">
onClick={() => {
router.push(`/${locale}/`);
}}
className="flex items-center cursor-pointer gap-0.5 text-xl"
>
<BackIcon />
<div className="aspect-auto h-[20px] w-24 bg-muted"></div> <div className="aspect-auto h-[20px] w-24 bg-muted"></div>
</CardTitle> </CardTitle>
<div className="mt-[2px] aspect-auto h-[14px] w-32 bg-muted"></div> <div className="mt-[2px] aspect-auto h-[14px] w-32 bg-muted"></div>

4
components/Switch.tsx
View File

@ -2,7 +2,7 @@
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import React, { useRef, useEffect } from "react"; import React, { useEffect, useRef } from "react";
export default function Switch({ export default function Switch({
allTag, allTag,
@ -52,7 +52,7 @@ export default function Switch({
"relative cursor-pointer rounded-3xl px-2.5 py-[8px] text-[13px] font-[600] transition-all duration-500", "relative cursor-pointer rounded-3xl px-2.5 py-[8px] text-[13px] font-[600] transition-all duration-500",
nowTag === tag nowTag === tag
? "text-black dark:text-white" ? "text-black dark:text-white"
: "text-stone-400 dark:text-stone-500" : "text-stone-400 dark:text-stone-500",
)} )}
> >
{nowTag === tag && ( {nowTag === tag && (