git.iko.soy/urbit.org
on cb980f8 help sign in
urbit.org/components/ContentArea.js
54 lines 1.8 kB history raw
1import Section from "./Section";
3export default function ContentArea(props) {
4 return (
5 <div className="w-full min-w-0 flex flex-col">
6 <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">
7 <div className="flex justify-between w-full items-center flex-shrink-0">
8 <div className="type-ui text-gray">{props.breadcrumbs}</div>
9 <div className="hidden md:block">
10 <button
11 onClick={(e) => {
12 e.stopPropagation();
13 props.search.toggleSearch();
14 }}
15 className="button-sm bg-wall text-gray"
16 >
17 Search<div className="ml-4 text-lightGray">⌘K</div>
18 </button>
19 </div>
20 </div>
21 <div className="w-full flex justify-center">
22 {props.narrow ? (
23 <Section narrow className={""}>
24 <h2 className="mb-16 mt-24">{props.title}</h2>
25 {props.children}
26 <div className="pb-32" />
27 </Section>
28 ) : (
29 <div className="min-w-0">
30 <h2 className="mb-16 mt-24">{props.title}</h2>
31 {props.children}
32 <div className="pb-32" />
33 </div>
34 )}
35 </div>
36 </div>
37 </div>
38 );
41// <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">
42// <div className="type-ui">{props.section}</div>
43// {
44// // <button
45// // onClick={(e) => {
46// // e.stopPropagation();
47// // props.search.toggleSearch();
48// // }}
49// // className="button-sm bg-wall text-gray"
50// // >
51// // Search<div className="ml-4 text-lightGray">⌘K</div>
52// // </button>
53// }
54// </header>