Filament•11mo ago

filament/notifications in JetStream + Livewire

Hello, I'm trying to implement the filament/notifications package into my JetStream application, and notifications work as expected. However, all coloring seems to be "lost" somehow. If I do something as simple as:

Notification::make()
            ->success()
            ->title("Success!")
            ->send();

Notification::make()
            ->success()
            ->title("Success!")
            ->send();

The same applies if I add ->color('success') The classes applied for the element is

pointer-events-auto invisible fi-no-notification w-full overflow-hidden transition duration-300 max-w-sm rounded-xl bg-white shadow-lg ring-1 dark:bg-gray-900 fi-color-gray ring-gray-950/5 dark:ring-white/10

- the icon gets style="--c-400:var(--success-400);" From what I gather it seems to default back to the gray option. Is there anything special I have to do to make it apply the right classes? If I set custom to e.g. red in tailwind config, then that's the color I get in the above Thank you in advance!

Solution:

I managed to solve this by migrating from Laravel Mix to using Vite ^_^

Jump to solution

1 Reply

Solution

Zerpy•11mo ago

I managed to solve this by migrating from Laravel Mix to using Vite ^_^

Gaming

Programming

filament/notifications in JetStream + Livewire