From 7111d6b9e969cbf97b26382169bc2155f06b8c8a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 6 Dec 2025 07:44:22 +0000
Subject: [PATCH 1/2] Initial plan


From 2b5ef4f2bb9ab4a2dcd3d99b20a71993551c30f3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 6 Dec 2025 07:52:19 +0000
Subject: [PATCH 2/2] Lower ToC breakpoint from 2xl (1536px) to xl (1280px)

Co-authored-by: xc1427 <5611770+xc1427@users.noreply.github.com>
---
 src/components/Layout/Page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Layout/Page.tsx b/src/components/Layout/Page.tsx
index aa39fe5fc2b..3d96477c2b9 100644
--- a/src/components/Layout/Page.tsx
+++ b/src/components/Layout/Page.tsx
@@ -151,7 +151,7 @@ export function Page({
       <div
         className={cn(
           hasColumns &&
-            'grid grid-cols-only-content lg:grid-cols-sidebar-content 2xl:grid-cols-sidebar-content-toc'
+            'grid grid-cols-only-content lg:grid-cols-sidebar-content xl:grid-cols-sidebar-content-toc'
         )}>
         {showSidebar && (
           <div className="lg:-mt-16 z-10">
@@ -192,7 +192,7 @@ export function Page({
             </div>
           </main>
         </Suspense>
-        <div className="hidden -mt-16 lg:max-w-custom-xs 2xl:block">
+        <div className="hidden -mt-16 lg:max-w-custom-xs xl:block">
           {showToc && toc.length > 0 && <Toc headings={toc} key={asPath} />}
         </div>
       </div>