Seeking Advice: Integrating Jetstream Profile Page with Filament Admin Panel
Hello everyone,
I'm currently working on updating the layout of the profile page in my Laravel application, and I've recently installed Jetstream with Livewire to enhance the user experience. My goal is to integrate Jetstream's profile page seamlessly into the Filament admin panel.
To achieve this, I've created a custom page within the admin panel, and it's functional. However, I'm facing challenges with styling integration. Here's how I've attempted to add the styles:
@vite(['resources/css/app.css', 'resources/js/app.js'])
<x-filament-panels::page>
<!-- Content omitted for brevity -->
</x-filament-panels::page>
3 Replies
I think it's better to create a filament theme and add the jetstream path to tailwind content config
https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme
Okay Thanks! for the reply let me try adding that
@Lara Zeus I have added the used the the jetsteam stlying for the panel I have, using viteTheme() method but it overrides the complete stlying of filament panel and light and dark mode stopped working
Should I build these component using the filament available component
ya it's the way actually :), but you mentioned you want seamlessly integrations it is a bit harder to do
build it with filament is better ofc
also you can use #jeffgreco-breezy and then add any components missing from jetstream