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

fix: loading skeleton

Browse Source
This commit is contained in:
hamster1963 2024-10-09 14:35:38 +08:00
parent 5540f56e5f
commit 219ee32137
3 changed files with 7 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,12 +1,6 @@
import { BackIcon } from "@/components/Icon"; import { BackIcon } from "@/components/Icon";
import { Loader } from "@/components/loading/Loader"; import { Loader } from "@/components/loading/Loader";
import { import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card";
export default function NetworkChartLoading() { export default function NetworkChartLoading() {
return ( return (
@ -15,15 +9,16 @@ export default function NetworkChartLoading() {
<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 className="flex items-center gap-0.5 text-xl"> <CardTitle className="flex items-center gap-0.5 text-xl">
<BackIcon /> <BackIcon />
<Loader visible={true} /> <div className="aspect-auto h-[20px] w-24 bg-muted"></div>
</CardTitle> </CardTitle>
<CardDescription className="text-xs opacity-0"> <div className="mt-[2px] aspect-auto h-[14px] w-32 bg-muted"></div>
loading... </div>
</CardDescription> <div className="hidden pr-4 pt-4 sm:block">
<Loader visible={true} />
</div> </div>
</CardHeader> </CardHeader>
<CardContent className="px-2 sm:p-6"> <CardContent className="px-2 sm:p-6">
<div className="aspect-auto h-[250px] w-full flex-col items-center justify-center"></div> <div className="aspect-auto h-[250px] w-full"></div>
</CardContent> </CardContent>
</Card> </Card>
); );

2
app/[locale]/(main)/[id]/page.tsx
View File

@ -1,7 +1,5 @@
import { NetworkChartClient } from "../ClientComponents/NetworkChart"; import { NetworkChartClient } from "../ClientComponents/NetworkChart";
export default function Page({ params }: { params: { id: string } }) { export default function Page({ params }: { params: { id: string } }) {
return ( return (
<div className="mx-auto grid w-full max-w-5xl gap-4 md:gap-6"> <div className="mx-auto grid w-full max-w-5xl gap-4 md:gap-6">

1
app/[locale]/layout.tsx
View File

@ -37,7 +37,6 @@ export const viewport: Viewport = {
userScalable: false, userScalable: false,
}; };
export async function generateStaticParams() { export async function generateStaticParams() {
return locales.map((locale) => ({ locale })); return locales.map((locale) => ({ locale }));
} }