TailwindCSS

I have a resource that uses a custom Blade file, and I need to display a Google Map below the name input field. Unfortunately, the form or page appears disorganized, as shown in the attached image. However, when I add <script src="https://cdn.tailwindcss.com"></script>, the page looks much better.
No description
Solution:
Got it, just need to add this
->viteThem('path/to/css')
->viteThem('path/to/css')
to my panel provider
Jump to solution
3 Replies
Mohamed Ayaou
Mohamed Ayaou4w ago
Not sure but did you create a custom theme? filament by default uses pre-compiled tailwind CSS files until you create a custom theme to recomopile it with the new classes
lazydog
lazydogOP4w ago
I think you have point, but I've ran the build command already. I've checked my old version, the theme.css is not loaded in head tag in my new project.
Solution
lazydog
lazydog4w ago
Got it, just need to add this
->viteThem('path/to/css')
->viteThem('path/to/css')
to my panel provider

Did you find this page helpful?