Filament•4mo ago

Tailwind help please

Now that my application is developed at 90% it is time to customize styling details. I have begun customizing my own Tailwind classes but NOTHING HAPPENS. Very probably I am doing something wrong. I have followed the OD (Official Docs) here: https://filamentphp.com/docs/3.x/notifications/installation#installing-tailwind-css For example, I have a resource table where I want to customize the row according to one $record->value, like this:

->recordClasses(fn (Model $record) => match ($record->facturado) {
    true => 'facturadoClass',
    default => null,
 })

->recordClasses(fn (Model $record) => match ($record->facturado) {
    true => 'facturadoClass',
    default => null,
 })

And in my resources\css\app.css file I have put my new class:

@tailwind base;
@tailwind components;
@tailwind utilities;

.facturadoClass {
@apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

.facturadoClass {
@apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
}

And I run npm run build What am I missing or doing wrong, please???

Installation - Notifications - Filament

Solution:

look here https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme...

Themes - Panel Builder - Filament

Jump to solution

4 Replies

Solution

mvenghaus•4mo ago

look here https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

Themes - Panel Builder - Filament

Albert Lens•4mo ago

Thank you. So, I understand that anytime I want to use Tailwind classes different from the ones initially packed with Filament, I have to create a Custom Theme, even though it is just for a bunch o classes. Is that it?

mvenghaus•4mo ago

i think when you don't create a theme and change in vite in panelconfig .. you always you the css dist version

Albert Lens•4mo ago

Thanks for your help. Following the instructions in the OD everything is working fine.

Gaming

Programming

Tailwind help please