recordClasses not applying
Hi, I have no idea why this is not working, only working the first one, green or red.
I have created a custom theme, my AppPanelProvider:
theme.css
tailwind.config.js:
return $table
->recordClasses(fn (SolicitudConductor $record) =>
$record->isRejected()
? 'border-l-4 border-red-600 dark:border-red-300'
: 'border-l-4 border-green-600 dark:border-green-300'
)return $table
->recordClasses(fn (SolicitudConductor $record) =>
$record->isRejected()
? 'border-l-4 border-red-600 dark:border-red-300'
: 'border-l-4 border-green-600 dark:border-green-300'
)I have created a custom theme, my AppPanelProvider:
->colors([
'danger' => Color::Rose,
'gray' => Color::Gray,
'info' => Color::Blue,
'primary' => Color::Orange,
'success' => Color::Emerald,
'warning' => Color::Yellow,
'red' => Color::Red,
])
->viteTheme('resources/css/filament/app/theme.css'); ->colors([
'danger' => Color::Rose,
'gray' => Color::Gray,
'info' => Color::Blue,
'primary' => Color::Orange,
'success' => Color::Emerald,
'warning' => Color::Yellow,
'red' => Color::Red,
])
->viteTheme('resources/css/filament/app/theme.css');theme.css
@import '/vendor/filament/filament/resources/css/theme.css';
@config 'tailwind.config.js';
/* Agrega tus nuevas clases aquí */
.border-l-2 {
border-left-width: 2px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-r-4 {
border-right-width: 4px;
}
.dark\:border-orange-300 {
border-color: rgb(252 211 77);
}
.border-green-600 {
border-color: rgb(22 163 74);
}
.dark\:border-green-300 {
border-color: rgb(134 239 172);
}
.border-red-600 {
border-color: rgb(220, 38, 38);
}
.dark\:border-red-300 {
border-color: rgb(252, 165, 165);
}@import '/vendor/filament/filament/resources/css/theme.css';
@config 'tailwind.config.js';
/* Agrega tus nuevas clases aquí */
.border-l-2 {
border-left-width: 2px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-r-4 {
border-right-width: 4px;
}
.dark\:border-orange-300 {
border-color: rgb(252 211 77);
}
.border-green-600 {
border-color: rgb(22 163 74);
}
.dark\:border-green-300 {
border-color: rgb(134 239 172);
}
.border-red-600 {
border-color: rgb(220, 38, 38);
}
.dark\:border-red-300 {
border-color: rgb(252, 165, 165);
}tailwind.config.js:
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'
export default {
presets: [preset],
content: [
'./app/Filament/Clusters/Mantenedores/**/*.php',
'./resources/views/filament/clusters/mantenedores/**/*.blade.php',
'./vendor/filament/**/*.blade.php',
],
}import preset from '../../../../vendor/filament/filament/tailwind.config.preset'
export default {
presets: [preset],
content: [
'./app/Filament/Clusters/Mantenedores/**/*.php',
'./resources/views/filament/clusters/mantenedores/**/*.blade.php',
'./vendor/filament/**/*.blade.php',
],
}