git.iko.soy/urbit.org
on master help sign in
basic docs skeleton w content
c08330dGavin Atkinson
pages/docs.js+10−6
compare with master
unifiedsplit
@@ -12,11 +12,12 @@ import { getAllPosts, formatDate } from '../lib/lib'
12function Sidebar(props) {
12function Sidebar(props) {
13 return (
13 return (
14 <div className="flex flex-col w-72 bg-wall max-h-screen h-screen">
14 <div className="flex flex-col w-72 bg-wall max-h-screen h-screen">
15− <header className='flex justify-between items-center pl-12 pt-24 pb-12'>
15+ <header className='flex justify-between items-center pl-12 pt-8 pb-8'>
16− <h3>Urbit</h3>
16+ <Link href="/"><a className="type-ui">Urbit</a></Link>
17 </header>
17 </header>
18− <div className="overflow-y-scroll p-12">
18+ <div className="overflow-y-scroll p-12 pt-16">
19 { props.children }
19 { props.children }
20+ <div className="pb-32"/>
20 </div>
21 </div>
21 </div>
22 </div>
22 )
23 )
@@ -25,11 +26,14 @@ function Sidebar(props) {
25function ContentArea(props) {
26function ContentArea(props) {
26 return (
27 return (
27 <div className="w-full">
28 <div className="w-full">
28− <header className='flex justify-between items-center px-24 pt-24 pb-12'>
29+ <header className='flex justify-between items-center px-24 pt-8 pb-8'>
29− <h3>Install Urbit</h3>
30+ <div className="type-ui">Install Urbit</div>
30 </header>
31 </header>
31− <div className="px-24 py-12 flex flex-col w-full max-h-screen h-screen overflow-y-scroll">
32+ <div className="px-24 pb-24 pt-16 flex flex-col w-full max-h-screen h-screen overflow-y-scroll">
33+ <div className="type-ui text-lightGray">Breadcrumbs/go/here</div>
34+ <h2 className="mb-16 mt-4">Getting Started</h2>
32 { props.children }
35 { props.children }
36+ <div className="pb-32"/>
33 </div>
37 </div>
34 </div>
38 </div>
35 )
39 )