e4dea95 · urbit.org · git.iko.soy

git.iko.soy/urbit.org

reduce blog-like content width in docs layout

commite4dea9572b0241a249147ade1f9e1ca4a5e1fe83 authorGavin Atkinson <gvnatknsn@protonmail.com> dateMon 19 Jul 2021, 13:34 (5 years ago) parent21474cc

4 files changed+21−5

compare with master

unifiedsplit

components/ContentArea.js+18−5 pages/getting-started/[[...slug]].js+1 pages/understanding-urbit/[[...slug]].js+1 pages/using/[[...slug]].js+1

components/ContentArea.js+18−5

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

1+import Section from "./Section";

13export default function ContentArea(props) {

24 return (

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

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

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

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

810 <button

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

1618 </button>

1719 </div>

1820 </div>

19−

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

21− {props.children}

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

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>

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

31+ {props.children}

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

33+ </div>

34+ )}

35+ </div>

2336 </div>

2437 </div>

2538 );

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

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

7474 title={data.title}

7575 search={search}

7676 section={"Getting Started"}

77+ narrow

7778 >

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

7980 <article

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

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

7979 title={data.title}

8080 search={search}

8181 section={"Understanding Urbit"}

82+ narrow

8283 >

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

8485 <article

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

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

111111 title={data.title}

112112 search={search}

113113 section={"Operator's Manual"}

114+ narrow

114115 >

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

116117 <article