Closed devhoussam1998 closed 4 days ago
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.
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.
I've 110% loaded this into my tailwind.config.js and still having the issue.
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.
I don't at the moment i'm afraid. Mobile works fine? I'll see if I can sort one.
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')
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'),
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
I just add './vendor/diogogpinto/filament-auth-ui-enhancer/resources/**/*.blade.php',
in /resources/css/filament/admin/tailwind.config.js
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.
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