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

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

@@ -77,8 +77,15 @@ export function ImageAltDisplay({ images }: ImageAltDisplayProps) {
return ( return (
<div className="space-y-4"> <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 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 className="flex items-center space-x-2">
<div> <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 ? ( {missingAltCount > 0 ? (
<p className="text-sm font-medium text-destructive"> <p className="text-sm font-medium text-destructive">
<span className="font-bold">{missingAltCount}</span> of{" "} <span className="font-bold">{missingAltCount}</span> of{" "}
@@ -90,15 +97,6 @@ export function ImageAltDisplay({ images }: ImageAltDisplayProps) {
</p> </p>
)} )}
</div> </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>
<TooltipProvider> <TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>