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

[dyad] Added character count to length indicator - wrote 2 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-20 12:06:41 +01:00
parent 4c06ed78cf
commit 80e41c5bbc
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/length-indicator.tsx
View File

@@ -49,7 +49,12 @@ export function LengthIndicator({ length, type }: LengthIndicatorProps) {
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div className={cn("h-3 w-3 rounded-full", colorClass)} />
<div className="flex items-center gap-2 cursor-default">
<div className={cn("h-3 w-3 rounded-full", colorClass)} />
<span className="text-sm font-medium text-muted-foreground w-8 text-right">
{length}
</span>
</div>
</TooltipTrigger>
<TooltipContent>
<p>

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

@@ -72,11 +72,11 @@ export function MetaForm() {
<CardContent className="space-y-4">
<div>
<div className="flex items-center gap-2 mb-1">
<h3 className="font-semibold text-card-foreground">Meta Title</h3>
<LengthIndicator
length={metaData.title.length}
type="title"
/>
<h3 className="font-semibold text-card-foreground">Meta Title</h3>
</div>
<p className="text-muted-foreground bg-muted p-3 rounded-md">
{metaData.title || "Not found"}
@@ -84,11 +84,11 @@ export function MetaForm() {
</div>
<div>
<div className="flex items-center gap-2 mb-1">
<h3 className="font-semibold text-card-foreground">Meta Description</h3>
<LengthIndicator
length={metaData.description.length}
type="description"
/>
<h3 className="font-semibold text-card-foreground">Meta Description</h3>
</div>
<p className="text-muted-foreground bg-muted p-3 rounded-md">
{metaData.description || "Not found"}