© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
17 replies
Christophe

Custom page messing up sidebar

I made a custom page where I built a custom Livewire component. I also added the app.css file as I needed the tailwind-classes.

@vite(['resources/css/app.css'])

<x-filament-panels::page>
    <livewire:subject-tree />
</x-filament-panels::page>
@vite(['resources/css/app.css'])

<x-filament-panels::page>
    <livewire:subject-tree />
</x-filament-panels::page>


It all works fine locally but when I deployed, it messed up the layout. The navigation overlaps my component. First screenshot is how it should be, second is the one on the server.

Am I missing something? Publishing assets, config, ... ?
The weird part is that all the functionality works as it should, it's just the css that doesnt work as expected.
Screenshot_2024-09-09_at_17.10.18.png
Screenshot_2024-09-09_at_17.10.23.png
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

custom overview page with sidebar
FilamentFFilament / ❓┊help
2y ago
Disable Sidebar On Custom Page
FilamentFFilament / ❓┊help
3y ago
Hiding Navigation Sidebar in a custom page
FilamentFFilament / ❓┊help
3y ago
Getting custom resource page into navigation sidebar
FilamentFFilament / ❓┊help
3y ago