Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【UAlert】Unable to change line height for description when only description slot gets passed #2554

Open
offich opened this issue Nov 7, 2024 · 0 comments · May be fixed by #2555
Open
Labels
enhancement New feature or request triage

Comments

@offich
Copy link
Contributor

offich commented Nov 7, 2024

For what version of Nuxt UI are you suggesting this?

v2.x

Description

The ui configuration for UAlert on docs says that its description line-height seems changeable like below.

{
  // ...
  description: 'mt-1 text-sm leading-4 opacity-90',
  // ...
}

However when I wanted to use UAlert like Callout which is available from UI Pro and pass only description, I could not set new line height value. The line height is fixed when title is not passed.

<div v-if="description || $slots.description" :class="twMerge(ui.description, !title && !$slots.title && 'mt-0 leading-5')">

<template>
  <UAlert variant="soft" color="yellow">
    <template #description>
      <slot />
    </template>
  </UAlert>
</template>

So I would like to remove the existing one so that developers can set in any cases regardless of whether title is passed to or not.

Additional context

No response

Additional context

No response

@offich offich added enhancement New feature or request triage labels Nov 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request triage
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant