s54b/ProxmoxVE_Scripts
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE.git synced 2025-05-17 09:10:25 +00:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

Website: Refactor Footer for improved layout and styling consistency (#2107)

Browse Source
This commit is contained in:
Bram Suurd 2025-02-06 19:10:57 +01:00 committed by GitHub
parent 9736d5c785
commit d71ef779ec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/Footer.tsx
View File

@ -1,12 +1,15 @@
import { basePath } from "@/config/siteConfig"; import { basePath } from "@/config/siteConfig";
import Link from "next/link"; import Link from "next/link";
import { FileJson, Server, ExternalLink } from "lucide-react"; import { FileJson, Server, ExternalLink } from "lucide-react";
import { buttonVariants } from "./ui/button";
import { cn } from "@/lib/utils";
export default function Footer() { export default function Footer() {
return ( return (
<div className="supports-backdrop-blur:bg-background/90 mt-auto flex border-t border-border bg-background/40 py-6 backdrop-blur-lg"> <div className="supports-backdrop-blur:bg-background/90 mt-auto border-t w-full flex justify-between border-border bg-background/40 py-6 backdrop-blur-lg">
<div className="mx-6 w-full max-w-7xl flex justify-between text-xs sm:text-sm text-muted-foreground"> <div className="mx-6 w-full flex justify-between text-xs sm:text-sm text-muted-foreground">
<div> <div className="flex items-center">
<p>
Website built by the community. The source code is available on{" "} Website built by the community. The source code is available on{" "}
<Link <Link
href={`https://github.com/community-scripts/${basePath}`} href={`https://github.com/community-scripts/${basePath}`}
@ -18,17 +21,18 @@ export default function Footer() {
GitHub GitHub
</Link> </Link>
. .
</p>
</div> </div>
<div className="flex gap-4"> <div className="sm:flex hidden">
<Link <Link
href="/json-editor" href="/json-editor"
className="flex items-center gap-2 text-primary hover:underline" className={cn(buttonVariants({ variant: "link" }), "text-muted-foreground flex items-center gap-2")}
> >
<FileJson className="h-4 w-4" /> JSON Editor <FileJson className="h-4 w-4" /> JSON Editor
</Link> </Link>
<Link <Link
href="/data" href="/data"
className="flex items-center gap-2 text-primary hover:underline" className={cn(buttonVariants({ variant: "link" }), "text-muted-foreground flex items-center gap-2")}
> >
<Server className="h-4 w-4" /> API Data <Server className="h-4 w-4" /> API Data
</Link> </Link>