From afb3d6ee87b0ef2189c3dea7f7ceb58d9651fe7d Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 6 Apr 2023 02:15:04 +0100
Subject: [PATCH] feat: scrollable post toc

---
 src/components/site/PostToc.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/site/PostToc.tsx b/src/components/site/PostToc.tsx
index 3cd92815..8bcecd53 100644
--- a/src/components/site/PostToc.tsx
+++ b/src/components/site/PostToc.tsx
@@ -115,7 +115,12 @@ export const PostToc: React.FC<{
       }}
       ref={containerRef}
     >
-      <div className="sticky top-14 text-sm leading-loose whitespace-nowrap truncate text-ellipsis">
+      <div
+        className="sticky top-14 text-sm leading-loose whitespace-nowrap text-ellipsis max-h-[calc(100vh-theme('spacing.28'))] truncate"
+        style={{
+          overflowY: "auto",
+        }}
+      >
         {renderItems(data?.map, activeId)}
       </div>
     </div>