@@ -1,26 +1,41 @@
11export default function ContentArea(props) {
22 return (
33 <div className="w-full min-w-0 flex flex-col">
4− <header className="w-full px-4 md:px-8 md:w-10/12 flex flex-row justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-10 md:pb-12 lg:pb-24">
5− <div className="type-ui">{props.section}</div>
6− {
7− // <button
8− // onClick={(e) => {
9− // e.stopPropagation();
10− // props.search.toggleSearch();
11− // }}
12− // className="button-sm bg-wall text-gray"
13− // >
14− // Search<div className="ml-4 text-lightGray">⌘K</div>
15− // </button>
16− }
17− </header>
18− <div className="px-4 md:px-12 lg:px-24 pb-24 pt-16 flex flex-col w-full max-h-screen h-screen overflow-y-scroll">
19− <div className="type-ui text-lightGray">{props.breadcrumbs}</div>
20− <h2 className="mb-16 mt-4">{props.title}</h2>
4+ <div className="px-4 md:px-12 lg:px-24 pb-24 pt-8 md:pt-10 lg:pt-16 flex flex-col w-full max-h-screen h-screen overflow-y-scroll">
5+ <div className="flex justify-between w-full items-center">
6+ <div className="type-ui text-gray">{props.breadcrumbs}</div>
7+ <div className="hidden md:block">
8+ <button
9+ onClick={(e) => {
10+ e.stopPropagation();
11+ props.search.toggleSearch();
12+ }}
13+ className="button-sm bg-wall text-gray"
14+ >
15+ Search<div className="ml-4 text-lightGray">⌘K</div>
16+ </button>
17+ </div>
18+ </div>
19+
20+ <h2 className="mb-16 mt-24">{props.title}</h2>
2121 {props.children}
2222 <div className="pb-32" />
2323 </div>
2424 </div>
2525 );
2626}
27+
28+// <header className="w-full px-4 md:px-8 md:w-10/12 flex flex-row justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-12">
29+// <div className="type-ui">{props.section}</div>
30+// {
31+// // <button
32+// // onClick={(e) => {
33+// // e.stopPropagation();
34+// // props.search.toggleSearch();
35+// // }}
36+// // className="button-sm bg-wall text-gray"
37+// // >
38+// // Search<div className="ml-4 text-lightGray">⌘K</div>
39+// // </button>
40+// }
41+// </header>