fix: Alert components that include a shape and exclude a Title aren't vertically centered #7473

[learnwithsatyam]

Fixed this issue by using "items-center" class in alert.tsx in default and new-york themes. I published some images on the original bug request on #7473

[vercel]

@learnwithsatyam is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[jonathanmarchuot]

Hey @learnwithsatyam I wasn't able to reproduce your fix on my end. I patched it into components/ui/alert.tsx in my already running application like so:

const AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
  ({ className, ...props }, ref) => <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed items-center', className)} {...props} />
)

And I can see the style is making it through in the place where it's intended, but I don't see the correction to the vertical alignment in my environment.

I was able to verify that #7491 fixed the problem in my environment, and I commented on that PR to say that there's a single other alignment thing that might be possible to fix at the same time, but it's otherwise solved.

Thank you for looking into it!