add max-md:_overflow-hidden instead of _overflow-hidden when hamburger is clicked (#3402)

Author: dimaMachina

.changeset/gold-bikes-check.md

@@ -0,0 +1,5 @@
+---
+'nextra-theme-docs': patch
+---
+
+add `max-md:_overflow-hidden` instead of `_overflow-hidden` when hamburger is clicked

packages/nextra-theme-docs/src/components/sidebar.tsx

@@ -393,7 +393,7 @@ export function Sidebar({
         className={cn(
           '[transition:background-color_1.5s_ease]',
           menu
-            ? 'max-md:_bg-black/80 max-md:dark:_bg-black/60 _fixed _inset-0 _z-10'
+            ? '_bg-black/80 dark:_bg-black/60 _fixed _inset-0 _z-10 md:_hidden'
             : '_bg-transparent'
         )}
         onClick={() => setMenu(false)}

packages/nextra-theme-docs/src/contexts/config.tsx

@@ -66,7 +66,7 @@ export function ConfigProvider({
 
   useEffect(() => {
     // Lock background scroll when menu is opened
-    document.body.classList.toggle('_overflow-hidden', menu)
+    document.body.classList.toggle('max-md:_overflow-hidden', menu)
   }, [menu])
 
   useEffect(() => {