From c7a1d7ce2960193acfb6aefbf3da434ebb69e40b Mon Sep 17 00:00:00 2001
From: Glen Huang <me@glenhuang.com>
Date: Tue, 7 Oct 2025 15:25:42 +0800
Subject: [PATCH] site: use three column layout

---
 site/src/routes/docs/+layout.svelte         | 24 +++++++++++++++------
 site/src/routes/docs/[...path]/+page.svelte | 18 ++++++++++++----
 2 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/site/src/routes/docs/+layout.svelte b/site/src/routes/docs/+layout.svelte
index 19688776d..224bc2616 100644
--- a/site/src/routes/docs/+layout.svelte
+++ b/site/src/routes/docs/+layout.svelte
@@ -3,10 +3,20 @@
   let { paths } = data;
 </script>
 
-<nav>
-  {#each paths as path}
-    <li><a href={`/docs/${path}`}>{path}</a></li>
-  {/each}
-  <li><a href="/">Home</a></li>
-</nav>
-{@render children()}
+<div class="container">
+  <nav>
+    {#each paths as path}
+      <li><a href={`/docs/${path}`}>{path}</a></li>
+    {/each}
+    <li><a href="/">Home</a></li>
+  </nav>
+  <div class="content">
+    {@render children()}
+  </div>
+</div>
+
+<style>
+  .container {
+    display: flex;
+  }
+</style>
diff --git a/site/src/routes/docs/[...path]/+page.svelte b/site/src/routes/docs/[...path]/+page.svelte
index 66a8d5350..f6bddfe36 100644
--- a/site/src/routes/docs/[...path]/+page.svelte
+++ b/site/src/routes/docs/[...path]/+page.svelte
@@ -4,8 +4,18 @@
   let { data } = $props();
 </script>
 
-<div class="toc">
-{@html data.toc}
+<div class="container">
+  <div class="content">
+    {@html data.content}
+  </div>
+  <div class="toc">
+    {@html data.toc}
+  </div>
 </div>
-{@html data.content}
-{JSON.stringify(data.frontmatter)}
+
+<!-- {JSON.stringify(data.frontmatter)} -->
+<style>
+  .container {
+    display: flex;
+  }
+</style>