diff --git a/web/core/Accordion/Content.tsx b/web/core/Accordion/Content.tsx index e29f9631a..a044e9d1d 100644 --- a/web/core/Accordion/Content.tsx +++ b/web/core/Accordion/Content.tsx @@ -18,19 +18,19 @@ export const Content = forwardRef(functio { variant = 'primary', children, className = '', ...rest }, ref, ) { - const isMobile = useMediaQuery(`(max-width: 800px)`) + const isMobile = useMediaQuery(`(max-width: 1300px)`) const commonSlideUpDown = `overflow-hidden motion-safe:data-closed:animate-slideDown motion-safe:data-open:animate-slideUp` const variantClassName: Partial> = { primary: `${commonSlideUpDown}`, - menu: `max-lg:overflow-hidden - max-lg:motion-safe:data-closed:animate-slideDown - max-lg:motion-safe:data-open:animate-slideUp + menu: `max-xl:overflow-hidden + max-xl:motion-safe:data-closed:animate-slideDown + max-xl:motion-safe:data-open:animate-slideUp `, - simpleMenu: `max-lg:overflow-hidden - max-lg:motion-safe:data-closed:animate-slideDown - max-lg:motion-safe:data-open:animate-slideUp`, + simpleMenu: `max-xl:overflow-hidden + max-xl:motion-safe:data-closed:animate-slideDown + max-xl:motion-safe:data-open:animate-slideUp`, } const getVariantBody = () => {