From 5ebd4ef0dd900871a2181307ba4152e66f90f2f5 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Thu, 19 Jun 2025 20:06:10 +0800
Subject: [PATCH] fix: toc width on mobile

---
 assets/css/compiled/main.css | 4 +++-
 assets/css/main.css          | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index e55a6985..07c1b4fa 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3370,7 +3370,9 @@ button, [role="button"] {
   margin-top: calc(var(--spacing) * 3);
 }
 #TableOfContents {
-  max-width: 25vw;
+  @media (width >= 1024px) {
+    max-width: 25vw;
+  }
 }
 #TOCView {
   max-height: calc(100vh - 150px);
diff --git a/assets/css/main.css b/assets/css/main.css
index 2a3d897f..164683c8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -65,7 +65,7 @@ button,
 
 /* Table of Contents */
 #TableOfContents {
-  max-width: 25vw;
+  @apply lg:max-w-[25vw];
 }
 
 #TOCView {