Fix stretched badge image

This commit is contained in:
gpt-engineer-app[bot]
2025-10-13 18:20:13 +00:00
parent 31177fba1b
commit a66bf59a55

View File

@@ -160,24 +160,24 @@ function StatusFieldDisplay({ change, compact }: { change: FieldChange; compact:
{change.changeType === 'modified' && ( {change.changeType === 'modified' && (
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<Badge className={`${getStatusColor(change.oldValue)} line-through`}> <Badge className={`${getStatusColor(change.oldValue)} line-through w-fit shrink-0`}>
{formatFieldValue(change.oldValue)} {formatFieldValue(change.oldValue)}
</Badge> </Badge>
<ArrowRight className="h-3 w-3 text-muted-foreground" /> <ArrowRight className="h-3 w-3 text-muted-foreground" />
<Badge className={getStatusColor(change.newValue)}> <Badge className={`${getStatusColor(change.newValue)} w-fit shrink-0`}>
{formatFieldValue(change.newValue)} {formatFieldValue(change.newValue)}
</Badge> </Badge>
</div> </div>
)} )}
{change.changeType === 'added' && ( {change.changeType === 'added' && (
<Badge className={getStatusColor(change.newValue)}> <Badge className={`${getStatusColor(change.newValue)} w-fit shrink-0`}>
{formatFieldValue(change.newValue)} {formatFieldValue(change.newValue)}
</Badge> </Badge>
)} )}
{change.changeType === 'removed' && ( {change.changeType === 'removed' && (
<Badge className={`${getStatusColor(change.oldValue)} line-through opacity-75`}> <Badge className={`${getStatusColor(change.oldValue)} line-through opacity-75 w-fit shrink-0`}>
{formatFieldValue(change.oldValue)} {formatFieldValue(change.oldValue)}
</Badge> </Badge>
)} )}