Using Tailwind
Hi
I have a project where I'm using Tailwind. I have a related resouce, which I want to highlught red when the end date is within a defined period, now, that bit works, and it adds a new class (basic tailwind class - bg-red-300) to the tr element within the table, however, whenever I run npm run dev, the base template Filament uses does NOT use the built version of CSS. Likewise if I run
I followed th Tailwind installation guide here https://filamentphp.com/docs/3.x/tables/installation#installing-tailwind-css but that doesn't appear to have helped. Interestingly, anything I add into the app.blade.php file that is suggested to be created in there is also not replicated, which is where I suspect this is not working as intended.
I have a project where I'm using Tailwind. I have a related resouce, which I want to highlught red when the end date is within a defined period, now, that bit works, and it adds a new class (basic tailwind class - bg-red-300) to the tr element within the table, however, whenever I run npm run dev, the base template Filament uses does NOT use the built version of CSS. Likewise if I run
npm buildI followed th Tailwind installation guide here https://filamentphp.com/docs/3.x/tables/installation#installing-tailwind-css but that doesn't appear to have helped. Interestingly, anything I add into the app.blade.php file that is suggested to be created in there is also not replicated, which is where I suspect this is not working as intended.
Solution
You should make a filament theme first, then configure your panel to use it by
https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme
viteThemehttps://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme
