After switching from Filament 3 to 4, I encountered problems with the layout of custom pages.
Hi friends! We recently decided to upgrade our corporate admin panel from Filament 3 to 4 and ran into a problem with the filament-pages layout.
I'll attach screenshots below.
Could this be related, and how can I fix it?
5 Replies
Looks like you have some custom styles.
Do you have a theme?
Did you update that to Tailwind v4 and rebuild it?
Do you still have a
postcss.config.js – if so try deleting it and run npm run build again.After creating a custom theme https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme, it started to look much better, but the layout still looks terrible.
Guessing you haven't updated your views tailwind classes to be v4 and are still v3.
I updated
You update tailwind, but did you update the classes in the custom view?
It looks like your custom Table of fixations is custom made html using tailwind, so you'll need to update the HTML to use tailwind v4 classes.