From c675fa65e393032af689f67550e61539a25204bd Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Mon, 17 Nov 2025 20:56:49 +0800
Subject: [PATCH] Make right sidebar sticky like TOC on single posts

---
 components/right-sidebar.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/right-sidebar.tsx b/components/right-sidebar.tsx
index 46c9ebe..e245f3c 100644
--- a/components/right-sidebar.tsx
+++ b/components/right-sidebar.tsx
@@ -7,8 +7,9 @@ export function RightSidebar() {
   const tags = getAllTagsWithCount().slice(0, 30);
 
   return (
-    <aside className="hidden flex-col gap-4 lg:flex">
-      <section className="rounded-xl border bg-white px-4 py-3 text-sm shadow-sm dark:border-slate-800 dark:bg-slate-900 dark:text-slate-100">
+    <aside className="hidden lg:block">
+      <div className="sticky top-20 flex flex-col gap-4">
+        <section className="rounded-xl border bg-white px-4 py-3 text-sm shadow-sm dark:border-slate-800 dark:bg-slate-900 dark:text-slate-100">
         <h2 className="text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400">
           關於本站
         </h2>
@@ -69,6 +70,7 @@ export function RightSidebar() {
           </div>
         </section>
       )}
+      </div>
     </aside>
   );
 }