[v3] fix unclickable links on mobile (#3314)

aa

Author: dimaMachina

.changeset/chilled-kiwis-relate.md

@@ -0,0 +1,5 @@
+---
+'nextra-theme-docs': patch
+---
+
+fix unclickable links on mobile

docs/pages/docs/docs-theme/theme-configuration.mdx

@@ -38,7 +38,7 @@ export function Table({ children }) {
           <th align="left">Description</th>
         </tr>
       </thead>
-      <tbody className="first:[&_td]:font-semibold first:[&_td]:text-violet-600 first:[&_td]:dark:text-violet-500 [&_tr]:!bg-transparent">
+      <tbody className="break-all first:[&_td]:font-semibold first:[&_td]:text-violet-600 first:[&_td]:dark:text-violet-500 [&_tr]:!bg-transparent">
         {children.props.children[1].props.children}
       </tbody>
     </table>

docs/theme.config.tsx

@@ -45,11 +45,12 @@ const config: DocsThemeConfig = {
     key: '3.0-release',
     content: (
       <div className='before:content-["🎉_"]'>
+        Nextra 3.0 is released.{' '}
         <Link
           href="https://the-guild.dev/blog/nextra-3"
           className='after:content-["_→"]'
         >
-          Nextra 3.0 is released. Read more
+          Read more
         </Link>
       </div>
     )

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

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