Styles don't work correctly after updating the project from 3 filaments to 4
Hi, I followed the guide on your site when updating my app from version 3 to 4 and encountered the following problem: most of the styles and markup aren't working correctly. I tried editing the styles directly from my templates, but it didn't help, and the styles remain broken. Maybe you can suggest any things I should pay attention to after the update that directly affect the styles. Also, could you tell me if my current path in my app.css is correct, as the GPT chat suggests replacing it with @import '../../vendor/filament/support/resources/css/index.css'; Also, the current path @import '../../vendor/filament/filament/resources/css/theme.css'; causes an error when updating tailwind via npx @tailwindcss/upgrade related to this line:
@variant dark (&:where(.dark, .dark *));
My app.css
@import '../../vendor/filament/filament/resources/css/theme.css'; @import 'tailwindcss'; @plugin '@tailwindcss/forms'; @plugin '@tailwindcss/typography'; @source '../../app/Filament'; @source '../../resources/views/filament'; @source '../../resources/views'; @source '../../resources/js'; @source '../../resources/css'; @source '../../vendor/filament';
0 Replies