V4 css problem with individual componenst
Hi all!
I set up a fresh new Laravel project using the Livewire Starter Kit. While implementing the styling, I ran into an issue.
According to the documentation, I need to add a few CSS imports to resources/css/app.css. However, one specific import causes an error:
error message (also attached):
When I comment out this line, everything compiles correctly, but then I'm missing some styling in certain parts of the UI.
I’m using individual Filament components (not the full Filament panel):
https://filamentphp.com/docs/4.x/introduction/installation#configuring-styles
I’m not sure what the correct approach is for Filament v4, and how the UI supposed to look.
I set up a fresh new Laravel project using the Livewire Starter Kit. While implementing the styling, I ran into an issue.
According to the documentation, I need to add a few CSS imports to resources/css/app.css. However, one specific import causes an error:
/* Required by actions and infolists */
@import '../../vendor/filament/infolists/resources/css/index.css';error message (also attached):
[plugin:@tailwindcss/vite:generate:serve] Cannot apply unknown utility class: wrap-break-wordWhen I comment out this line, everything compiles correctly, but then I'm missing some styling in certain parts of the UI.
I’m using individual Filament components (not the full Filament panel):
https://filamentphp.com/docs/4.x/introduction/installation#configuring-styles
I’m not sure what the correct approach is for Filament v4, and how the UI supposed to look.
