search

nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
https://ui.nuxt.com
MIT License
3.4k stars 374 forks source link

Header Links are not spaced #1698

Closed g1ronn1mo closed 5 days ago

g1ronn1mo commented 4 weeks ago

Environment

x

Version

"@nuxt/ui-pro": "^1.0.2", "@nuxt/ui": "^2.11.1",

Reproduction

x

Description

The link look like this:

image

This is due to the wrong tailwind class, implemented on the link itself.

class="text-sm/6 font-semibold flex items-center gap-1 hover:text-primary"

The gap-1 needs to go on the ul element, where it is not. If I add the gap-1 manually, the problem gets solved. 

<ul class="hidden lg:flex">...</ul>

Additional context

No response

Logs

No response

benjamincanac commented 3 weeks ago

You might have overridden something that broke your links, please provide a reproduction so we can help you. The header links work just fine as you can see here: https://ui.nuxt.com/