use object-cover to fit non-square avatars properly in frame

This commit is contained in:
Chad Curtis 2025-07-08 15:27:27 +00:00
parent 39afb03570
commit 39fbc7b6c2

View File

@ -24,7 +24,7 @@ const AvatarImage = React.forwardRef<
>(({ className, ...props }, ref) => (
<AvatarPrimitive.Image
ref={ref}
className={cn("aspect-square h-full w-full object-cover", className)}
className={cn("aspect-square h-full w-full object-cover object-center", className)}
{...props}
/>
))