UAlert: UI Alignment problem when using only the props 'description'

[XStarlink]

Environment

• @nuxt/ui-pro: "^1.0.1"

Version

v2.14.1

Reproduction

<UAlert
  :description="Vos clés API sont stockées localement dans votre navigateur."
  :color="violet"
  variant="subtle"
  icon="i-lucide-info"
 />

Description

Hello, when using only the props description of an alert (to write something in font-normal) there is still a "mt-1" applied even if there is no title. It's a detail, but it breaks the alignment of the UI.

To prevent this problem, we could apply gap-1 on the parent div of title and description, or test if the title is set to apply the mt-1.

Thanks for this super lib, it's really great.

Additional context

No response

Logs

No response

[XStarlink]

Edit

Even if we correct the mt-1 to mt-0, there's still an alignment problem:

My actual fix

To fix the problem I converted the inner div to flex-col and made it align itself in center, tested with actions and other props and all looks good.

<UAlert
  :ui="{
    inner: 'flex flex-col self-center',
    description: 'mt-0'
  }"
  :description="Vos clés API sont stockées localement dans votre navigateur."
  :color="violet"
  variant="subtle"
  icon="i-lucide-info"
 />