rework blog layout

windmill-labs · Oct 12, 2023 · 507d6e6 · 507d6e6
1 parent 1a3d038
commit 507d6e6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -52,7 +52,11 @@ body * {
 
 .markdown {
 	font-size: 16px;
-	line-height: 24px;
+	line-height: 1.75rem;
+}
+
+.markdown > p {
+	font-weight: 300 !important;
 }
 
 .docusaurus-highlight-code-line {
@@ -328,16 +332,16 @@ div.testimonials a:hover .wm-name {
 }
 
 .video-container {
-    position: relative;
-    width: 100%;
-    padding-bottom: 56.25%;
-    overflow: hidden;
+	position: relative;
+	width: 100%;
+	padding-bottom: 56.25%;
+	overflow: hidden;
 }
 
 .video-container iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
 }
diff --git a/src/theme/BlogLayout/index.js b/src/theme/BlogLayout/index.js
@@ -57,6 +57,8 @@ export default function BlogLayout(props) {
 			<div className="container max-w-7xl w-full mx-auto margin-vert--lg bg-transparent">
 				<div className="row">
 					<BlogSidebar sidebar={sidebar} />
+					{toc && <div className="col col--2"></div>}
+
 					<main
 						className={clsx('col mt-12', {
 							'col--7': hasSidebar,
@@ -68,7 +70,7 @@ export default function BlogLayout(props) {
 					>
 						{children}
 					</main>
-					{toc && <div className="col col--3">{toc}</div>}
+					{toc && <div className="col col--2">{toc}</div>}
 				</div>
 			</div>
 		</Layout>