update to tailwind css v4

[dahlan1991]

will dev upgrade to tailwind css v4?
im now using tailwind v4 buat when using this modal

/** * Supported: 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl' */ public static function modalMaxWidth(): string { return 'xl'; }

no matter what im choose from 'sm to 7xl' it not change, vene im done all config the setting.

[PhiloNL]

Yes, there will be v4 support. I don't have an exact ETA yet though.

[Krato]

Waiting for this too :D

[pioneers70]

Hello, me too!! ^^
P.s. It would be cool to dynamically change the size for different moments.

[sts-ryan-holton]

Yeah, got some issues with Tailwind CSS v4 too and have just updated!

[aliqasemzadeh]

@PhiloNL
I want to use pro version in laravel 12
but it looks there is no option to use in laravel 12.
Please I keep it update.

[PhiloNL]

@PhiloNL I want to use pro version in laravel 12 but it looks there is no option to use in laravel 12. Please I keep it update.

Yes there is, please switch to v5 😄
https://changelog.anystack.sh/wire-elements-pro

[aliqasemzadeh]

will dev upgrade to tailwind css v4? im now using tailwind v4 buat when using this modal

/** * Supported: 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl' */ public static function modalMaxWidth(): string { return 'xl'; }

no matter what im choose from 'sm to 7xl' it not change, vene im done all config the setting.

Safelist was removed from TailwindCSS v4.0
Then you have to set classes in model by your self.

[OrakFR]

will dev upgrade to tailwind css v4? im now using tailwind v4 buat when using this modal
/** * Supported: 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl' */ public static function modalMaxWidth(): string { return 'xl'; }
no matter what im choose from 'sm to 7xl' it not change, vene im done all config the setting.

Safelist was removed from TailwindCSS v4.0 Then you have to set classes in model by your self.

@aliqasemzadeh Can you be more precise? A code example would be appreciated!
Thank you.

[aliqasemzadeh]

@OrakFR
class="sm:max-w-md md:max-w-xl lg:max-w-2xl inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"