[Bug]: What's wrong why it looks like this?

[devhoussam1998]

What happened?

thei mage not displayed as expected I follow the README

How to reproduce the bug

Package Version

v1.0.1

PHP Version

^8.2

Laravel Version

^11.9

Which operating systems does with happen with?

macOS

Notes

No response

[Jam0r85]

I'm also getting this so doesn't appear to be a one off.

Removing w-full from the login section and replacing with w-1/2 fixes the issue for me. Seems to be that the login panel is dictating the wrong width.

[diogogpinto]

Hey @devhoussam1998 and @Jam0r85

It looks like you haven't registered the views in your custom theme and ran npm run build in your terminal.

If you created a custom theme like 'admin', navigate to /resources/css/filament/admin and add the following to your content array in tailwind.config.js:

content: [
    './vendor/diogogpinto/filament-auth-ui-enhancer/resources/**/*.blade.php',
]

After, you should run npm run build in your terminal.

You should note that this plugin requires a custom theme to run.

[Jam0r85]

I've 110% loaded this into my tailwind.config.js and still having the issue.

[diogogpinto]

I've 110% loaded this into my tailwind.config.js and still having the issue.

Do you have any repo I can replicate to test this out? In all the tests we've run we never found this issue.

[Jam0r85]

I don't at the moment i'm afraid. Mobile works fine? I'll see if I can sort one.

[diogogpinto]

I don't at the moment i'm afraid. Mobile works fine? I'll see if I can sort one.

Weird. Would you mind sharing your plugin config methods? Or paste this one to test out:

        AuthUIEnhancerPlugin::make()
            ->showEmptyPanelOnMobile(false)
            ->formPanelPosition('right')
            ->formPanelWidth('40%')
            ->emptyPanelBackgroundImageOpacity('70%')
            ->emptyPanelBackgroundImageUrl('https://images.pexels.com/photos/466685/pexels-photo-466685.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2')

[Jam0r85]

AuthUIEnhancerPlugin::make()
                    ->formPanelBackgroundColor(Color::Zinc, 300)
                    ->formPanelPosition('right')
                    ->mobileFormPanelPosition('bottom')
                    ->formPanelWidth('40%')
                    ->emptyPanelBackgroundImageUrl('https://images.unsplash.com/photo-1496449903678-68ddcb189a24?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'),

[devhoussam1998]

Hey @devhoussam1998 and @Jam0r85

It looks like you haven't registered the views in your custom theme and ran npm run build in your terminal.

If you created a custom theme like 'admin', navigate to /resources/css/filament/admin and add the following to your content array in tailwind.config.js:

content: [
    './vendor/diogogpinto/filament-auth-ui-enhancer/resources/**/*.blade.php',
]

After, you should run npm run build in your terminal.

You should note that this plugin requires a custom theme to run.

thanks it works

[devhoussam1998]

I just add './vendor/diogogpinto/filament-auth-ui-enhancer/resources/**/*.blade.php', in /resources/css/filament/admin/tailwind.config.js

[diogogpinto]

AuthUIEnhancerPlugin::make()
                    ->formPanelBackgroundColor(Color::Zinc, 300)
                    ->formPanelPosition('right')
                    ->mobileFormPanelPosition('bottom')
                    ->formPanelWidth('40%')
                    ->emptyPanelBackgroundImageUrl('https://images.unsplash.com/photo-1496449903678-68ddcb189a24?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'),

Whenever possible, please share a repo and open a new issue so we can debug this further. This seems more like a tailwind config thing, as many people were able to run the plugin.

Please reach out when ready! Thank you so much for your feedback, is greatly appreciated.