TailwindCSS 4.x support

[PV-Patrick]

Is this working with TailwindCSS 4.x? I believe it was working on 3.x but since upgrading it's not working and not sure if it's a simple fix. Thank you!

[mabdullahsari]

Hiya! 👋

Tailwind 4.0 was tagged only 3 days ago. Unfortunately, I'm strapped for time so an upgrade is currently not on my radar.

But, I'm most definitely welcoming pull requests so please do contribute if you'd like to see this corrected asap!

[PV-Patrick]

I ran the following command and now it works. I didn't have to run this prior, that I remember, and the messages were working.

php artisan vendor:publish --tag=toaster-views

I do know there are 2 modifications in the hud.blade.php file that are changes between Tailwind v3 and v4.

Line 28: class="inline-block select-none not-italic px-6 py-3 rounded-sm shadow-lg text-sm w-full {{ $alignment->is('bottom') ? 'mt-3' : 'mb-3' }}" rounded -> rounded-sm
Line 33: <button @click="toast.dispose()" aria-label="@lang('close')" class="absolute right-0 p-2 focus:outline-hidden rtl:right-auto rtl:left-0 {{ $alignment->is('bottom') ? 'top-3' : 'top-0' }}"> outline-none -> outline-hidden

That's all I could find from https://tailwindcss.com/docs/upgrade-guide#changes-from-v3

Now going to style using this: https://tailwindui.com/components/application-ui/overlays/notifications

Thank you!