[dyad] Added centered message to footer - wrote 1 file(s)
This commit is contained in:
@@ -1,13 +1,14 @@
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { changelogData } from "@/lib/changelog-data";
|
import { changelogData } from "@/lib/changelog-data";
|
||||||
import { ThemeToggle } from "./theme-toggle";
|
import { ThemeToggle } from "./theme-toggle";
|
||||||
|
import { Heart } from "lucide-react";
|
||||||
|
|
||||||
export function Footer() {
|
export function Footer() {
|
||||||
const latestVersion = changelogData[0]?.version;
|
const latestVersion = changelogData[0]?.version;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<footer className="w-full border-t bg-background">
|
<footer className="w-full border-t bg-background">
|
||||||
<div className="mx-auto flex h-16 w-full max-w-6xl items-center justify-between px-4 md:px-6">
|
<div className="relative mx-auto flex h-16 w-full max-w-6xl items-center justify-between px-4 md:px-6">
|
||||||
<div className="flex items-center gap-4 text-sm text-muted-foreground">
|
<div className="flex items-center gap-4 text-sm text-muted-foreground">
|
||||||
{latestVersion && (
|
{latestVersion && (
|
||||||
<Link
|
<Link
|
||||||
@@ -19,6 +20,10 @@ export function Footer() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="absolute left-1/2 top-1/2 hidden -translate-x-1/2 -translate-y-1/2 items-center gap-1.5 text-sm text-muted-foreground sm:flex">
|
||||||
|
Made with Love <Heart className="h-4 w-4 fill-red-500 text-red-500" /> and AI
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="flex items-center gap-1">
|
<div className="flex items-center gap-1">
|
||||||
<ThemeToggle />
|
<ThemeToggle />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user