git.iko.soy/urbit.org
on master help sign in
ContentArea: remove narrow prop, allow for disabling toc
43b8513Matilde Park
components/ContentArea.js+16−29
compare with master
unifiedsplit
@@ -60,37 +60,24 @@ export default function ContentArea(props) {
60 </button>
60 </button>
61 </div>
61 </div>
62 </div>
62 </div>
63− <div className="w-full flex justify-center">
63+ <div className="flex justify-between">
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">
64+ <div className="min-w-0 max-w-screen-md">
79− <div className="mb-16">
65+ <div className="mb-16">
80− <h2 className="mt-24">{props.title}</h2>
66+ <h2 className="mt-24">{props.title}</h2>
81− {props?.description && (
67+ {props?.description && (
82− <p className="text-wall-400 font-bold text-xl">
68+ <p className="text-wall-400 font-bold text-xl">
83− {props.description}
69+ {props.description}
84− </p>
70+ </p>
85− )}
71+ )}
86− </div>
87− {props.children}
88− <div className="pb-24" />
89 </div>
72 </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+ />
90 )}
80 )}
91− <TableOfContents
92− key={props.params.slug?.join("/") || Math.random()}
93− />
94 </div>
81 </div>
95 </div>
82 </div>
96 </div>
83 </div>