daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

bug: Media breakpoint doesn't seem to apply with menu-horizontal

Open ThibsG opened this issue 7 months ago โ€ข 2 comments

What version of daisyUI are you using?

4.12.10

Which browsers are you seeing the problem on?

Chrome, Firefox

Reproduction URL

https://play.tailwindcss.com/let2Ry0pnA

Describe your issue

First, thanks a lot for this amazing library ๐Ÿ˜‰

I tried to apply a media breakpoint to menu-horizontal to have it vertical in small screens and horizontal otherwise, but it sounds like the media breakpoint condition does not apply in the rendering.

So I've been using the following:

<ul class="menu md:menu-horizontal bg-base-200 rounded-box">

In big screens, I want the menu horizontal, like: <ul class="menu menu-horizontal bg-base-200 rounded-box">

In small screens, I want it vertical, like: <ul class="menu bg-base-200 rounded-box">

ThibsG avatar Jul 01 '24 17:07 ThibsG