feat: add copyright footer

This commit is contained in:
hamster1963 2024-07-27 14:15:45 +08:00
parent 67b28f4dd1
commit ad6454c8fd
3 changed files with 25 additions and 2 deletions

22
app/(main)/footer.tsx Normal file
View File

@ -0,0 +1,22 @@
export default function Footer() {
return (
<footer className="mx-auto w-full max-w-5xl">
<section className="flex flex-col">
<p className="mt-3 flex gap-1 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
Find the code on{' '}
<a
href="https://github.com/hamster1963/nezha-dash"
target="_blank"
className="cursor-pointer font-normal underline decoration-yellow-500 decoration-2 underline-offset-2 dark:decoration-yellow-500/50"
>
GitHub
</a>
</p>
<section className="mt-1 flex items-center gap-2 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
© 2020-{new Date().getFullYear()}{' '}
<a href={'https://github.com/hamster1963'}>@Hamster1963</a>
</section>
</section>
</footer>
)
}

View File

@ -2,6 +2,7 @@ import React from "react";
import Header from "@/app/(main)/header"; import Header from "@/app/(main)/header";
import BlurLayers from "@/components/BlurLayer"; import BlurLayers from "@/components/BlurLayer";
import Footer from "./footer";
type DashboardProps = { type DashboardProps = {
children: React.ReactNode; children: React.ReactNode;
@ -12,9 +13,10 @@ export default function MainLayout({ children }: DashboardProps) {
<div className="flex min-h-screen w-full flex-col"> <div className="flex min-h-screen w-full flex-col">
<main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 bg-muted/40 p-4 md:p-10 md:pt-8"> <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 bg-muted/40 p-4 md:p-10 md:pt-8">
<Header /> <Header />
<BlurLayers /> {/* <BlurLayers /> */}
{/* <Nav /> */} {/* <Nav /> */}
{children} {children}
<Footer />
</main> </main>
</div> </div>
); );

View File

@ -9,7 +9,6 @@ export default function Home() {
<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">
<ServerOverview /> <ServerOverview />
<ServerList /> <ServerList />
<div className={"mt-20 sm:mt-12"}></div>
</div> </div>
); );
} }