Tailwind setup not entirely working

So the project route has this layout
import preset from './vendor/filament/support/tailwind.config.preset'

export default {
presets: [preset],
content: [
'./app/Filament/**/*.php',
'./resources/views/pages/**/*.blade.php',
'./resources/views/livewire/**/*.blade.php',
'./resources/views/filament/**/*.blade.php',
'./vendor/filament/**/*.blade.php',
],
}
import preset from './vendor/filament/support/tailwind.config.preset'

export default {
presets: [preset],
content: [
'./app/Filament/**/*.php',
'./resources/views/pages/**/*.blade.php',
'./resources/views/livewire/**/*.blade.php',
'./resources/views/filament/**/*.blade.php',
'./vendor/filament/**/*.blade.php',
],
}
I see there is also a tailwind.config.js located inside resources/css/filament/admin after I follow the steps for custom theme styling. However, tailwind properties aren't working, such as sm:justify-center etc, and im so confused why
3 Replies
Jamie Cee
Jamie CeeOP3w ago
Fairly confused as tailwinds grid layout etc all seems to work, but certain things dont, yet are set out in the tailwind docs to be correct. I am using 3.4.17
Dennis Koch
Dennis Koch3w ago
What's "the project route"? Did you add the theme file to 1) the panel provider 2) the vite file and 3) did you recompile the assets via Vite? Also: in which file are you using sm:justify-center?
Jamie Cee
Jamie CeeOP2w ago
Apologies, just saw these replies, I got it working in the end but I cant actually remember what I done

Did you find this page helpful?