@@ -60,37 +60,24 @@ export default function ContentArea(props) {
6060 </button>
6161 </div>
6262 </div>
63− <div className="w-full flex justify-center">
64− {props.narrow ? (
65− <Section narrow className={""}>
66− <div className="mb-16">
67− <h2 className="mt-24">{props.title}</h2>
68− {props?.description && (
69− <p className="text-wall-400 font-bold text-xl">
70− {props.description}
71− </p>
72− )}
73− </div>
74− {props.children}
75− <div className="pb-24" />
76− </Section>
77− ) : (
78− <div className="min-w-0">
79− <div className="mb-16">
80− <h2 className="mt-24">{props.title}</h2>
81− {props?.description && (
82− <p className="text-wall-400 font-bold text-xl">
83− {props.description}
84− </p>
85− )}
86− </div>
87− {props.children}
88− <div className="pb-24" />
63+ <div className="flex justify-between">
64+ <div className="min-w-0 max-w-screen-md">
65+ <div className="mb-16">
66+ <h2 className="mt-24">{props.title}</h2>
67+ {props?.description && (
68+ <p className="text-wall-400 font-bold text-xl">
69+ {props.description}
70+ </p>
71+ )}
8972 </div>
73+ {props.children}
74+ <div className="pb-24" />
75+ </div>
76+ {!props?.disableToC && (
77+ <TableOfContents
78+ key={props.params.slug?.join("/") || Math.random()}
79+ />
9080 )}
91− <TableOfContents
92− key={props.params.slug?.join("/") || Math.random()}
93− />
9481 </div>
9582 </div>
9683 </div>