From 7ea3545ba3748a25cd234bbaaed3a4e47055ed97 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Thu, 5 Dec 2024 21:09:07 +0800
Subject: [PATCH] refactor: reduce the height of the TOC bottom overlay in
 desktop mode

---
 _includes/toc.html     | 2 +-
 _sass/pages/_post.scss | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/_includes/toc.html b/_includes/toc.html
index 4dccb2a6cf7..0f877267b39 100644
--- a/_includes/toc.html
+++ b/_includes/toc.html
@@ -2,7 +2,7 @@
 
 {% if enable_toc %}
   <div class="toc-border-cover z-3"></div>
-  <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4">
+  <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4 pb-4">
     <h2 class="panel-heading ps-3 pb-2 mb-0">{{- site.data.locales[include.lang].panel.toc -}}</h2>
     <nav id="toc"></nav>
   </section>
diff --git a/_sass/pages/_post.scss b/_sass/pages/_post.scss
index caa2fe6ece2..9348c5669f8 100644
--- a/_sass/pages/_post.scss
+++ b/_sass/pages/_post.scss
@@ -260,7 +260,7 @@ header {
   -webkit-animation: fade-up 0.8s;
   animation: fade-up 0.8s;
   overflow-y: auto;
-  max-height: calc(100vh - 2rem);
+  max-height: 100vh;
   scrollbar-width: none;
   margin-top: 2rem;
 
@@ -333,7 +333,7 @@ header {
     position: fixed;
     bottom: 0;
     width: 15%;
-    height: 3.25rem;
+    height: 2.25rem;
     margin-left: -1px;
     background: linear-gradient(transparent, var(--main-bg) 70%);
   }