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

[dyad] Made footer separator full-width - wrote 2 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-20 12:02:40 +01:00
parent 5125008ff2
commit c0bdf5fcf1
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/page.tsx
View File

@@ -3,17 +3,19 @@ import { MetaForm } from "@/components/meta-form";
export default function Home() { export default function Home() {
return ( return (
<div className="grid grid-rows-[1fr_auto] items-center justify-items-center min-h-screen p-4 sm:p-8 font-[family-name:var(--font-geist-sans)] bg-background"> <div className="flex flex-col min-h-screen p-4 sm:p-8 font-[family-name:var(--font-geist-sans)] bg-background">
<main className="flex flex-col gap-8 row-start-1 items-center w-full max-w-2xl"> <main className="flex-grow flex items-center justify-center">
<div className="text-center space-y-2"> <div className="flex flex-col gap-8 items-center w-full max-w-2xl">
<h1 className="text-3xl sm:text-4xl font-bold text-foreground"> <div className="text-center space-y-2">
Meta Tag Extractor <h1 className="text-3xl sm:text-4xl font-bold text-foreground">
</h1> Meta Tag Extractor
<p className="text-muted-foreground"> </h1>
Enter a URL to extract its meta title and description. <p className="text-muted-foreground">
</p> Enter a URL to extract its meta title and description.
</p>
</div>
<MetaForm />
</div> </div>
<MetaForm />
</main> </main>
<Footer /> <Footer />
</div> </div>

4
src/components/footer.tsx
View File

@@ -3,9 +3,9 @@ import { Separator } from "@/components/ui/separator";
export const Footer = () => { export const Footer = () => {
return ( return (
<footer className="w-full max-w-2xl p-4 row-start-2"> <footer className="w-full pt-4">
<Separator className="mb-4" /> <Separator className="mb-4" />
<div className="flex justify-between items-center"> <div className="w-full max-w-2xl mx-auto flex justify-between items-center">
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
v0.1.0 v0.1.0
</p> </p>