[dyad] Made footer separator full-width - wrote 2 file(s)
This commit is contained in:
@@ -3,8 +3,9 @@ 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="flex flex-col gap-8 items-center w-full max-w-2xl">
|
||||||
<div className="text-center space-y-2">
|
<div className="text-center space-y-2">
|
||||||
<h1 className="text-3xl sm:text-4xl font-bold text-foreground">
|
<h1 className="text-3xl sm:text-4xl font-bold text-foreground">
|
||||||
Meta Tag Extractor
|
Meta Tag Extractor
|
||||||
@@ -14,6 +15,7 @@ export default function Home() {
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<MetaForm />
|
<MetaForm />
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user