Mike Robinson
Mike Robinson
I'm having the same issue.
Has this been fixed?
It looks like this is an issue with Radix. See: https://github.com/radix-ui/primitives/issues/1462
Ok, I read the docs more in detail and I understand why they do it like that. It's because of the `` that allows tailwindcss opacity modifiers to work. So...
@shadcn Hopefully that should fix it.
@shadcn I haven't used this library for a while now. Maybe someone else could test it?
@shadcn Awesome! Great minds think alike.
That goes in your `globals.css` file
You could easily add both tabs and accordion and set `display` to `none` for the respective resolutions. Another thing you might want to try is making the tabs `overflow-x: auto`...
In the end, I added a `@radix-ui/react-scroll-area` to the component, and it seems to work for me. If anyone wants to use it, you just have to add the colors...