bug: Modal cannot modify rounding in middle

[MarcGodard]

bug: Modal cannot modify rounding in middle

[MarcGodard]

Ahhh I see, kinda quirky but I understand.

Just strange cause I want it on both... so I would need rounded-3xl and sm:rounded-3xl

[github-actions]

Thank you @MarcGodard for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[saadeghi]

Reproduction URL

See screenshots

Please provide a reproduction URL.
The reason I ask for reproduction URL is not to prove a problem exists. Is so I can run the code and see the source code and config and compare it with the result styles on browser so I can find what is causing the issue.

I don't see the problem: https://play.tailwindcss.com/tjSvwAW0F3

[MarcGodard]

@saadeghi not sure why you closed the issue...

https://play.tailwindcss.com/OkrCkTCmOM

There is your code. You are right, I will provide code from now on.

Change the rounded and nothing changes on the modal unless you shrink it to small

[saadeghi]

I will provide code from now on

Thank you. Without a reproduction code, I would have no idea about how you're using the class names, what markup you're using and how's your build config.

https://play.tailwindcss.com/OkrCkTCmOM

Here you can use sm:rounded-lg instead of rounded-lg.
The reason is, you have modal-bottom by default. It puts the modal to the bottom of page and sets border radius to the top only. Then for screens larger than sm you have sm:modal-middle to put it in the middle of page. So if there's a different style for sm, sm: prefix is needed for rounded-lg as well.

https://play.tailwindcss.com/Xzbs0cexpw