pascallinxweiler/Webify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Rearranged footer layout - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-18 13:45:11 +01:00
parent a3d407d269
commit 1a103af751
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/footer.tsx
View File

@@ -8,33 +8,35 @@ export function Footer() {
return ( return (
<footer className="w-full border-t bg-background"> <footer className="w-full border-t bg-background">
<div className="container mx-auto flex h-16 items-center justify-between px-4 md:px-6"> <div className="container relative mx-auto flex h-16 items-center justify-between px-4 md:px-6">
<div className="flex items-center gap-4 text-sm text-muted-foreground"> <div className="text-sm text-muted-foreground">
<p>© {new Date().getFullYear()} Image Web Exporter</p> <p>© {new Date().getFullYear()} Image Web Exporter</p>
</div>
<div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-1">
<Button variant="ghost" size="icon" asChild>
<Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
<Github className="h-4 w-4" />
</Link>
</Button>
<Button variant="ghost" size="icon" asChild>
<Link href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
<Twitter className="h-4 w-4" />
</Link>
</Button>
</div>
<div className="flex items-center gap-4 text-sm text-muted-foreground">
<Link href="/imprint" className="hover:text-primary transition-colors">Imprint</Link> <Link href="/imprint" className="hover:text-primary transition-colors">Imprint</Link>
<Link href="/privacy" className="hover:text-primary transition-colors">Privacy</Link> <Link href="/privacy" className="hover:text-primary transition-colors">Privacy</Link>
</div>
<div className="flex items-center gap-4">
{latestVersion && ( {latestVersion && (
<Link <Link
href="/changelog" href="/changelog"
className="text-sm text-muted-foreground hover:text-primary transition-colors" className="hover:text-primary transition-colors"
> >
v{latestVersion} v{latestVersion}
</Link> </Link>
)} )}
<div className="flex items-center gap-1">
<Button variant="ghost" size="icon" asChild>
<Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
<Github className="h-4 w-4" />
</Link>
</Button>
<Button variant="ghost" size="icon" asChild>
<Link href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
<Twitter className="h-4 w-4" />
</Link>
</Button>
</div>
</div> </div>
</div> </div>
</footer> </footer>