feat: center footer elements with justify-center

Update flexbox to center content horizontally.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
v0 2025-11-02 03:08:28 +00:00
parent 107c607a27
commit 9036ca6647
1 changed files with 1 additions and 3 deletions

View File

@ -4,7 +4,7 @@ export function Footer() {
return ( return (
<footer className="border-t bg-muted/30 py-12 px-4"> <footer className="border-t bg-muted/30 py-12 px-4">
<div className="max-w-7xl mx-auto"> <div className="max-w-7xl mx-auto">
<div className="flex flex-col md:flex-row justify-between items-center gap-6"> <div className="flex flex-col md:flex-row justify-center items-center gap-6">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="w-8 h-8 rounded-lg bg-primary/10 text-primary flex items-center justify-center"> <div className="w-8 h-8 rounded-lg bg-primary/10 text-primary flex items-center justify-center">
<Network className="w-5 h-5" /> <Network className="w-5 h-5" />
@ -13,7 +13,6 @@ export function Footer() {
</div> </div>
<div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground"> <div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground">
<a href="#" className="hover:text-foreground transition-colors"> <a href="#" className="hover:text-foreground transition-colors">
{"Research"} {"Research"}
</a> </a>
@ -23,7 +22,6 @@ export function Footer() {
<a href="https://book.mycofi.earth" className="hover:text-foreground transition-colors"> <a href="https://book.mycofi.earth" className="hover:text-foreground transition-colors">
{"Book"} {"Book"}
</a> </a>
</div> </div>
</div> </div>