recordClasses not applying

Hi, I have no idea why this is not working, only working the first one, green or red.
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',
],
}
0 Replies
No replies yetBe the first to reply to this messageJoin
Want results from more Discord servers?
Add your server