From 5d226a2969d0929fbd89d0fafe685e06bb40afed Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Thu, 20 Nov 2025 23:08:50 +0800
Subject: [PATCH] Fix TOC button overlap with back-to-top on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adjusted TOC button positioning to prevent overlap with the back-to-top
button on mobile devices:

- Mobile: bottom-20 (80px) - sits well above back-to-top at bottom-6
- Desktop: lg:bottom-8 - maintains original desktop position
- Both buttons now aligned to right-4 on mobile for consistency

This gives ~56px vertical spacing between buttons on mobile,
preventing any overlap while keeping both easily accessible.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/post-layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/post-layout.tsx b/components/post-layout.tsx
index 14f3d06..582a9a2 100644
--- a/components/post-layout.tsx
+++ b/components/post-layout.tsx
@@ -23,9 +23,9 @@ export function PostLayout({ children, hasToc = true, contentKey }: { children:
         <button
             onClick={() => setIsTocOpen(!isTocOpen)}
             className={cn(
-                "toc-button fixed bottom-8 right-8 z-50 flex items-center gap-2 rounded-full border border-white/20 bg-white/80 px-4 py-2.5 shadow-lg backdrop-blur-md hover:bg-white dark:border-white/10 dark:bg-slate-900/80 dark:hover:bg-slate-900",
+                "toc-button fixed bottom-20 right-4 z-50 flex items-center gap-2 rounded-full border border-white/20 bg-white/80 px-4 py-2.5 shadow-lg backdrop-blur-md hover:bg-white dark:border-white/10 dark:bg-slate-900/80 dark:hover:bg-slate-900",
                 "text-sm font-medium text-slate-600 dark:text-slate-300",
-                "lg:right-20" // Adjust position for desktop
+                "lg:bottom-8 lg:right-20" // Adjust position for desktop
             )}
             aria-label="Toggle Table of Contents"
         >