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

UTab responsive not work #796

Closed
chanthavong opened this issue Oct 9, 2023 · 2 comments
Closed

UTab responsive not work #796

chanthavong opened this issue Oct 9, 2023 · 2 comments
Labels
bug Something isn't working

Comments

@chanthavong
Copy link

Environment

image

when small size

image

Version

v2.8.1

Reproduction

image

Description

image

Additional context

No response

Logs

No response

@chanthavong chanthavong added the bug Something isn't working label Oct 9, 2023
@KeJunMao
Copy link
Contributor

KeJunMao commented Oct 9, 2023

Try adding truncate to the ui.tab.base attribute of the UTabs.

or used slot, see this:

https://ui.nuxt.com/navigation/tabs#slots

Copy link
Member

I've wrapped the label around a <span class="truncate"> as adding truncate class to ui.tab.base didn't work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants