F
Filament17mo ago
lodeki

Main content overlapping to the sidebar.

Tried to rebuild the assets,cleared cache,optimized but still the same issue.
13 Replies
toeknee
toeknee17mo ago
Have you customised yoursidebar width? I have a feeling you have, and it doesn't exist the class you are using, so it's full width but expanding over because the class isnt setting it's width
Dennis Koch
Dennis Koch17mo ago
- Are you using a custom theme? - Did you overwrite any views?
lodeki
lodekiOP17mo ago
Yes i've given it 200px from the filament file. Yes i'm using the yepsua pluggin.
toeknee
toeknee17mo ago
So if you have set 200px is that enough? 'width' => '16.6rem', for example works well ehre.
lodeki
lodekiOP17mo ago
Nope.Still getting the same result.
awcodes
awcodes17mo ago
Check with the plugin dev. It could be a bug in the plugin. #yepsua-themes
Dennis Koch
Dennis Koch17mo ago
Try removing the plugin and check again. Try disabling your theme and check again.
lodeki
lodekiOP16mo ago
Okay .Let me try it out. @toeknee_iom @Dennis Koch @awcodes . I think the class lg:max-w[var(--sidebar-width)] is not loaded on the filament sidebar. Not sure because i've tried to set the width in the filament config but still the same result. I tried to disable/reinstall the plugin .The plugin seems to work fine.
awcodes
awcodes16mo ago
That’s not a valid tailwind class. There should be a - after the w
lodeki
lodekiOP16mo ago
Yeap there is a - .It is a typo on the message.
awcodes
awcodes16mo ago
It’s possible that it isn’t used in v3 Or was changed to a different class. Look in the dev tools to see what classes are there. $panel->sidebarWidth() will change the width of the sidebar.
lodeki
lodekiOP16mo ago
From the dev tools i get the above class lg:max-w-[var(--sidebar-width)] on the <aside> element which bears the sidebar.I'm on v2 of filament.
awcodes
awcodes16mo ago
not sure then. I've never experienced this issue in v2 or v3
Want results from more Discord servers?
Add your server