Closed cstisa closed 1 week ago
Hi @cstisa,
Have you compiled your assets? e.g. npm run dev
or npm run build
Also, to make your buttons easier to see, try changing your body tag to:
<body class="font-sans antialiased bg-gray-100 dark:!bg-zinc-600">
This is what I see when running your code:
Dark mode:
Light mode:
I found the issue apparently thanks to @jeffchown too!
The first part was that my default setup is in dark mod, which indeed made the the buttons invisible due to the colors etc. This was my own mistake.
The second problem was the weird behavior with the icon, spacing etc.
Apparently, this was due to this configuration in my tailwind.config.js
file:
variants: {
extends: {
backgroundColor: ["disabled"],
textColor: ["disabled"],
opacity: ["disabled"],
cursor: ["disabled"],
}
},
I suppose that this interfered with the tailwind used in Flux components and made this weird behavior
Thanks anyway for your answer @jeffchown ! 😄
Hi there! 👋
I have what seems a simple visual issue but can't find a way to solve it.
I just added Flux to my project and tried the buttons with each variant. And for some reason, the variant doesn't work as expected. Here are some examples, but I get some visual bugs for many other components...
Here's the simple code :
I updated each of my package like Tailwind, Liveiwre and Laravel but still the same issue.
I also thought it could be my
tailwind.config.js
file, but I can't see anything weird :Could someone help me find the problem? Thank you!