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' && (
<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)}
</Badge>
<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)}
</Badge>
</div>
)}
{change.changeType === 'added' && (
<Badge className={getStatusColor(change.newValue)}>
<Badge className={`${getStatusColor(change.newValue)} w-fit shrink-0`}>
{formatFieldValue(change.newValue)}
</Badge>
)}
{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)}
</Badge>
)}