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