[docs] Fix layout regression (#27266)

mui · Jul 14, 2021 · 8bba02a · 8bba02a
1 parent 3cd11c0
commit 8bba02a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/docs/src/modules/components/AppLayoutDocs.js b/docs/src/modules/components/AppLayoutDocs.js
@@ -14,6 +14,9 @@ import AdManager from 'docs/src/modules/components/AdManager';
 import AdGuest from 'docs/src/modules/components/AdGuest';
 import AppLayoutDocsFooter from 'docs/src/modules/components/AppLayoutDocsFooter';
 
+const TOC_WIDTH = 175;
+const NAV_WIDTH = 240;
+
 const useStyles = makeStyles((theme) => ({
   root: {
     display: 'flex',
@@ -39,7 +42,10 @@ const useStyles = makeStyles((theme) => ({
   },
   toc: {
     [theme.breakpoints.up('sm')]: {
-      width: 'calc(100% - 175px)',
+      width: `calc(100% - ${TOC_WIDTH}px)`,
+    },
+    [theme.breakpoints.up('lg')]: {
+      width: `calc(100% - ${TOC_WIDTH}px - ${NAV_WIDTH}px)`,
     },
   },
   disableToc: {