nuxt-ui-pro / dashboard

A dashboard template made with Vue and Nuxt UI Pro.
https://dashboard-template.nuxt.dev
414 stars 93 forks source link

truncate UserDropdown #25

Closed IgorKha closed 4 months ago

IgorKha commented 6 months ago

this not work: https://github.com/nuxt-ui-pro/dashboard/blob/f94a5ff02a11ed27793136becc5e28dce45ad66a/components/UserDropdown.vue#L86

Screenshot 2024-05-17 at 16 20 13

but this work it:

<template #account>
      <div class="truncate text-left">
        <p>
          Signed in as
        </p>
        <p class="truncate font-medium text-gray-900 dark:text-white">
          ben@nuxtlabs.com
        </p>
     </div>
</template>
Screenshot 2024-05-17 at 16 27 11
benjamincanac commented 6 months ago

You can try setting min-w-0 instead of truncate on the wrapper div.