wasp-lang / wasp

The fastest way to develop full-stack web apps with React & Node.js.
https://wasp-lang.dev
MIT License
13.84k stars 1.19k forks source link

Using AuthUI + Tailwind results in broken CSS #1764

Open infomiho opened 9 months ago

infomiho commented 9 months ago

[!NOTE] Close #1565 and verify the problem persists before attempting this.

⚠️ Using Tailwind + out Auth UI results in the default button to be transparent since Tailwind bg color is loaded after but since it's at the same specificity, it overrides our Stitches defined bg color.

image
Broken design on main branch
image
Overridden background color for the button

Research

It seems that this is a regression that happened with changes related to restructuring. I believe we changed order of some imports which resulted in Tailwind CSS being loaded after our Stitches CSS (Related issue: https://github.com/tailwindlabs/tailwindcss/issues/8670)

image
Auth UI + Tailwind before restructuring

Possible fix

sodic commented 9 months ago

I could only reproduce this with wasp start. It doesn't happen when I build the app and host static files