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) => ( >(({ className, ...props }, ref) => (
<AvatarPrimitive.Image <AvatarPrimitive.Image
ref={ref} 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} {...props}
/> />
)) ))