git.iko.soy/urbit.org
on cb112e8 help sign in
urbit.org/components/ContentArea.js
41 lines 1.4 kB history raw
1export default function ContentArea(props) {
2 return (
3 <div className="w-full min-w-0 flex flex-col">
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>
20 <h2 className="mb-16 mt-24">{props.title}</h2>
21 {props.children}
22 <div className="pb-32" />
23 </div>
24 </div>
25 );
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>