e4dea95 · urbit.org · git.iko.soy

components/ContentArea.js+18−5

compare with master

unifiedsplit

@@ -1,8 +1,10 @@

1+import Section from "./Section";

2+

1export default function ContentArea(props) {

3export default function ContentArea(props) {

2 return (

4 return (

3 <div className="w-full min-w-0 flex flex-col">

5 <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">

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">

5− <div className="flex justify-between w-full items-center">

7+ <div className="flex justify-between w-full items-center flex-shrink-0">

6 <div className="type-ui text-gray">{props.breadcrumbs}</div>

8 <div className="type-ui text-gray">{props.breadcrumbs}</div>

7 <div className="hidden md:block">

9 <div className="hidden md:block">

8 <button

10 <button

@@ -16,10 +18,21 @@ export default function ContentArea(props) {

16 </button>

18 </button>

17 </div>

19 </div>

18 </div>

20 </div>

19−

21+ <div className="w-full flex justify-center">

22+ {props.narrow ? (

23+ <Section narrow className={""}>

20− <h2 className="mb-16 mt-24">{props.title}</h2>

24+ <h2 className="mb-16 mt-24">{props.title}</h2>

21− {props.children}

25+ {props.children}

22− <div className="pb-32" />

26+ <div className="pb-32" />

27+ </Section>

28+ ) : (

29+ <div>

30+ <h2 className="mb-16 mt-24">{props.title}</h2>

31+ {props.children}

32+ <div className="pb-32" />

33+ </div>

34+ )}

35+ </div>

23 </div>

36 </div>

24 </div>

37 </div>

25 );

38 );

pages/getting-started/[[...slug]].js+1

@@ -74,6 +74,7 @@ export default function UsingLayout({ posts, data, params, search, markdown }) {

74 title={data.title}

75 search={search}

76 section={"Getting Started"}

77+ narrow

77 >

78 >

78 <div className={markdownStyles["markdown"]}>

79 <div className={markdownStyles["markdown"]}>

79 <article

80 <article

pages/understanding-urbit/[[...slug]].js+1

@@ -79,6 +79,7 @@ export default function UnderstandingLayout({

79 title={data.title}

80 search={search}

81 section={"Understanding Urbit"}

82+ narrow

82 >

83 >

83 <div className={markdownStyles["markdown"]}>

84 <div className={markdownStyles["markdown"]}>

84 <article

85 <article

pages/using/[[...slug]].js+1

@@ -111,6 +111,7 @@ export default function UsingLayout({ posts, data, params, search, markdown }) {

111 title={data.title}

112 search={search}

113 section={"Operator's Manual"}

114+ narrow

114 >

115 >

115 <div className={markdownStyles["markdown"]}>

116 <div className={markdownStyles["markdown"]}>

116 <article

117 <article