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

[dyad] Centered image analysis summary text - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-20 14:29:52 +01:00
parent df67602602
commit 41f8c0e5a1
1 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/image-alt-display.tsx
View File

@@ -77,27 +77,25 @@ export function ImageAltDisplay({ images }: ImageAltDisplayProps) {
return (
<div className="space-y-4">
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 p-4 bg-muted/50 rounded-lg">
<div className="flex flex-col sm:flex-row sm:items-center gap-4">
<div>
{missingAltCount > 0 ? (
<p className="text-sm font-medium text-destructive">
<span className="font-bold">{missingAltCount}</span> of{" "}
{images.length} images are missing alt text.
</p>
) : (
<p className="text-sm font-medium text-green-600">
Great! All {images.length} images have alt text.
</p>
)}
</div>
<div className="flex items-center space-x-2">
<Checkbox
id="missing-alt"
checked={showMissingOnly}
onCheckedChange={(checked) => setShowMissingOnly(!!checked)}
/>
<Label htmlFor="missing-alt">Show only missing alt text</Label>
</div>
<div className="flex items-center space-x-2">
<Checkbox
id="missing-alt"
checked={showMissingOnly}
onCheckedChange={(checked) => setShowMissingOnly(!!checked)}
/>
<Label htmlFor="missing-alt">Show only missing alt text</Label>
</div>
<div className="text-center">
{missingAltCount > 0 ? (
<p className="text-sm font-medium text-destructive">
<span className="font-bold">{missingAltCount}</span> of{" "}
{images.length} images are missing alt text.
</p>
) : (
<p className="text-sm font-medium text-green-600">
Great! All {images.length} images have alt text.
</p>
)}
</div>
<TooltipProvider>
<Tooltip>