From 37650c5d27fb7e159dc39ca39af67576be000c0e Mon Sep 17 00:00:00 2001
From: yvling <me@yvling.cn>
Date: Fri, 20 Dec 2024 00:59:02 +0800
Subject: [PATCH] fix: Fixed some bugs in post toc

---
 templates/default/assets/css/post.css | 36 +++++++++++++++++++++++++++
 templates/default/html/post.html      |  8 +++---
 2 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/templates/default/assets/css/post.css b/templates/default/assets/css/post.css
index 1578b22..34edbde 100644
--- a/templates/default/assets/css/post.css
+++ b/templates/default/assets/css/post.css
@@ -81,6 +81,7 @@ tr, th, td {
 }
 
 #toc-box-area {
+    width: 250px;
     position: fixed;
     top: 4rem;
     left: 30px;
@@ -101,6 +102,41 @@ tr, th, td {
     color: var(--primary-color);
 }
 
+#toc-box {
+    max-height: 500px;
+    overflow-y: scroll;
+}
+
 #toc-box li {
     list-style: none;
+}
+
+#toc-box .li-1 {
+    font-size: 16px;
+    padding-left: 0;
+}
+
+#toc-box .li-2 {
+    font-size: 15px;
+    padding-left: 10px;
+}
+
+#toc-box .li-3 {
+    font-size: 14px;
+    padding-left: 20px;
+}
+
+#toc-box .li-4 {
+    font-size: 13px;
+    padding-left: 30px;
+}
+
+#toc-box .li-5 {
+    font-size: 12px;
+    padding-left: 40px;
+}
+
+#toc-box .li-6 {
+    font-size: 11px;
+    padding-left: 50px;
 }
\ No newline at end of file
diff --git a/templates/default/html/post.html b/templates/default/html/post.html
index 758157b..cf0a7fb 100644
--- a/templates/default/html/post.html
+++ b/templates/default/html/post.html
@@ -22,7 +22,7 @@
     <!-- menu -->
     <div class="container p-3">
         <div class="row pt-lg-3">
-            <div class="col-12 col-md-9 mx-auto post-menu">
+            <div class="col-12 col-lg-8 mx-auto post-menu">
                 {{ range $i, $v := .menu.Items }}
                 <i class="{{ $v.Icon }} m-icon"></i>
                 <a class="main-menu-link" href="{{ $v.Url }}"> {{ $v.Name }} </a>
@@ -32,7 +32,7 @@
     </div>
 
     <!-- toc area -->
-    <div class="d-none d-lg-block" id="toc-box-area">
+    <div class="row d-none d-xl-block" id="toc-box-area">
         <div id="toc-title">
             <h5>{{ .status.toc_title }}</h5>
             <hr/>
@@ -58,7 +58,7 @@
     {{ if .status.success }}
     <div class="container p-3">
         <div class="row pt-lg-3">
-            <div class="col-12 col-md-9 post-info mx-auto">
+            <div class="col-12 col-lg-8 post-info mx-auto">
                 <h2 class="post-title">{{ .post.title }}</h2>
                 <div>
                     <span class="post-info-wrap">
@@ -96,7 +96,7 @@
             </div>
         </div>
         <div class="row pt-5">
-            <div class="col-12 col-md-9 post-content mx-auto" id="post-content">
+            <div class="col-12 col-lg-8 post-content mx-auto" id="post-content">
                 {{ .post.content }}
             </div>
         </div>