Filament•4mo ago

Problem with the layout after the upgrade to 3.2.11

After upgrading to 3.2.11 today, I have these bugs in the admin panel. I commend the site viteTheme. The page is fixed, but I need that CSS for some tailwind classes

14 Replies

toeknee•4mo ago

run: php artisan filament:upgrade

gheorghelupu17OP•4mo ago

I already did, It's not helping

toeknee•4mo ago

Have you got views published?

gheorghelupu17OP•4mo ago

toeknee•4mo ago

npm run build?

gheorghelupu17OP•4mo ago

I already did it, too 🙂

toeknee•4mo ago

Question.... are your resource pages ok?

gheorghelupu17OP•4mo ago

What do you mean?

toeknee•4mo ago

So the sync settings is a cusotm page you have created. Are your Filament Resource pages i.e. a table of data offset like the custom page? What if you try wrapping the page with:

<x-filament-panels::page>
    <div class="flex flex-col gap-y-8 overflow-auto rounded-xl ring-1 ring-gray-950/5">
        <div class="grid flex-1 auto-cols-fr gap-y-8">
{{ $this->form }}
        </div>
    </div>
</x-filament-panels::page>

<x-filament-panels::page>
    <div class="flex flex-col gap-y-8 overflow-auto rounded-xl ring-1 ring-gray-950/5">
        <div class="grid flex-1 auto-cols-fr gap-y-8">
{{ $this->form }}
        </div>
    </div>
</x-filament-panels::page>

gheorghelupu17OP•4mo ago

This issue is in the entire filament, not only on the custom page,

toeknee•4mo ago

Ok then I dunno 😛 I cannot recreate your issue here

gheorghelupu17OP•4mo ago

make a theme.css with this content theme.css:

@import '/vendor/filament/filament/resources/css/theme.css';
@tailwind base;
@tailwind components;
@tailwind utilities;


@config 'tailwind.config.js';

@import '/vendor/filament/filament/resources/css/theme.css';
@tailwind base;
@tailwind components;
@tailwind utilities;


@config 'tailwind.config.js';

and this is for tailwind.config.js

import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/Customer/**/*.php',
        './resources/views/filament/customer/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/ralphjsmit/laravel-filament-activitylog/resources/**/*.blade.php',
    ],
}

import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/Customer/**/*.php',
        './resources/views/filament/customer/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/ralphjsmit/laravel-filament-activitylog/resources/**/*.blade.php',
    ],
}

and after this add it in panel viteTheme

toeknee•4mo ago

If you are importing the vendor theme and tailwind.cofnig you shouldn't need the base, components and utilities

gheorghelupu17OP•4mo ago

aaa nice one

Gaming

Programming

Problem with the layout after the upgrade to 3.2.11

Did you find this page helpful?