git.iko.soy/urbit.org
on master help sign in
css: sidebared pages use auto-width for images
commit1ade30a4c14575cf11e6f167bb9aa2162aeda3e1 authorMatilde Park <matilde@tlon.io> dateTue 27 Jul 2021, 12:53 (5 years ago) parent098f727
7 files changed+15−8
compare with master
unifiedsplit
components/PageWithIndex.js+1−1 pages/community/[[...slug]].js+1−1 pages/docs/[[...slug]].js+1−1 pages/getting-started/[[...slug]].js+1−2 pages/understanding-urbit/[[...slug]].js+1−2 pages/using/[[...slug]].js+1−1 styles/globals.css+9
components/PageWithIndex.js+1−1
@@ -28,7 +28,7 @@ export default function PageWithIndex({ post, markdown, search }) {
2828 <h1>{post.title}</h1>
2929 </Section>
3030 <Section narrow>
31− <div className="flex">
31+ <div className="flex sidebar">
3232 <article
3333 className={markdownStyles["markdown"] + " pr-0 lg:pr-16"}
3434 dangerouslySetInnerHTML={{ __html: decode(markdown) }}
pages/community/[[...slug]].js+1−1
@@ -67,7 +67,7 @@ export default function UsingLayout({ posts, data, params, search, markdown }) {
6767 <title>{data.title} • Community • urbit.org</title>
6868 {Meta(data)}
6969 </Head>
70− <div className="flex w-screen h-screen min-h-screen w-screen">
70+ <div className="flex w-screen h-screen min-h-screen w-screen sidebar">
7171 <Sidebar search={search}>
7272 {childPages("/community", posts.pages)}
7373 </Sidebar>
pages/docs/[[...slug]].js+1−1
@@ -126,7 +126,7 @@ export default function DocsLayout({
126126 <title>{data.title} • Documentation • urbit.org</title>
127127 {Meta(data)}
128128 </Head>
129− <div className="flex w-screen h-screen min-h-screen w-screen">
129+ <div className="flex w-screen h-screen min-h-screen w-screen sidebar">
130130 <Sidebar search={search}>
131131 <ul>
132132 <li>
pages/getting-started/[[...slug]].js+1−2
@@ -75,7 +75,7 @@ export default function UsingLayout({ posts, data, params, search, markdown }) {
7575 <title>{data.title} • Getting Started • urbit.org</title>
7676 {Meta(data)}
7777 </Head>
78− <div className="flex w-screen h-screen min-h-screen w-screen">
78+ <div className="flex w-screen h-screen min-h-screen w-screen sidebar">
7979 <Sidebar search={search}>
8080 <ul>
8181 <li>
@@ -93,7 +93,6 @@ export default function UsingLayout({ posts, data, params, search, markdown }) {
9393 title={data.title}
9494 search={search}
9595 section={"Getting Started"}
96− narrow
9796 >
9897 <div className={markdownStyles["markdown"]}>
9998 <article
pages/understanding-urbit/[[...slug]].js+1−2
@@ -72,7 +72,7 @@ export default function UnderstandingLayout({
7272 <title>{data.title} • Understanding Urbit • urbit.org</title>
7373 {Meta(data)}
7474 </Head>
75− <div className="flex w-screen h-screen min-h-screen w-screen">
75+ <div className="flex w-screen h-screen min-h-screen w-screen sidebar">
7676 <Sidebar search={search}>
7777 {childPages("/understanding-urbit", posts.pages)}
7878 </Sidebar>
@@ -81,7 +81,6 @@ export default function UnderstandingLayout({
8181 title={data.title}
8282 search={search}
8383 section={"Understanding Urbit"}
84− narrow
8584 >
8685 <div className={markdownStyles["markdown"]}>
8786 <article
pages/using/[[...slug]].js+1−1
@@ -104,7 +104,7 @@ export default function UsingLayout({ posts, data, params, search, markdown }) {
104104 <title>{data.title} • Operator's Manual • urbit.org</title>
105105 {Meta(data)}
106106 </Head>
107− <div className="flex w-screen h-screen min-h-screen w-screen">
107+ <div className="flex w-screen h-screen min-h-screen w-screen sidebar">
108108 <Sidebar search={search}>
109109 {childPages("/using", posts.children)}
110110 </Sidebar>
styles/globals.css+9
@@ -193,3 +193,12 @@ a:hover {
193193 top: 0.4rem;
194194 @apply bg-green;
195195}
196+
197+.sidebar figure,
198+.sidebar img {
199+ width: auto !important;
200+ margin: 0 auto !important;
201+ left: 0 !important;
202+ display: block !important;
203+ position: static !important;
204+}