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

[dyad] Created two-column results layout - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-20 13:31:31 +01:00
parent e36834d01e
commit 937e941b8c
1 changed files with 136 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/meta-form.tsx
View File

@@ -120,7 +120,9 @@ export function MetaForm() {
Extraction Results
</CardTitle>
</CardHeader>
<CardContent className="space-y-6">
<CardContent>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div className="space-y-6">
<div>
<h3 className="font-semibold text-card-foreground mb-2">
SERP Preview
@@ -154,6 +156,8 @@ export function MetaForm() {
</div>
</div>
)}
</div>
<div className="space-y-6">
<div>
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
@@ -188,7 +192,8 @@ export function MetaForm() {
</div>
</div>
<p className="text-sm text-muted-foreground mt-1 mb-2">
The title of the page, ideally between 30 and 60 characters.
The title of the page, ideally between 30 and 60
characters.
</p>
{isEditingTitle ? (
<Input
@@ -239,13 +244,15 @@ export function MetaForm() {
</div>
</div>
<p className="text-sm text-muted-foreground mt-1 mb-2">
A brief summary of the page's content, ideally between 120 and
158 characters.
A brief summary of the page's content, ideally between 120
and 158 characters.
</p>
{isEditingDescription ? (
<Textarea
value={editableDescription}
onChange={(e) => setEditableDescription(e.target.value)}
onChange={(e) =>
setEditableDescription(e.target.value)
}
className="w-full min-h-[100px]"
placeholder="Meta Description"
/>
@@ -255,6 +262,8 @@ export function MetaForm() {
</p>
)}
</div>
</div>
</div>
</CardContent>
</Card>
)}