From f0cdcba23b847c409add2c94521f4a3f073b6ca2 Mon Sep 17 00:00:00 2001
From: mapleafgo <mapleafgo@163.com>
Date: Fri, 3 Sep 2021 10:42:08 +0800
Subject: [PATCH] feat(article): Optimized TOC style

---
 assets/scss/partials/layout/article.scss | 12 ++++++++++++
 layouts/_default/single.html             | 10 ++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 7059853..561361d 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -184,6 +184,17 @@
     }
 }
 
+.widget-head {
+    display: flex;
+    align-items: center;
+
+    .widget-title {
+        font-size: 1.6rem;
+        font-weight: bold;
+        color: var(--body-text-color);
+    }
+}
+
 .widget--toc {
     background-color: var(--card-background);
     border-radius: var(--card-border-radius);
@@ -220,6 +231,7 @@
         }
 
         li {
+            list-style-type: none;
             margin: 15px 20px;
             padding: 5px;
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 040b547..84169e7 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -43,11 +43,13 @@
     {{ if (.Scratch.Get "hasTOC") }}
         <aside class="sidebar right-sidebar sticky">
             <section class="widget archives">
-                <div class="widget-icon">
-                    {{ partial "helper/icon" "hash" }}
+                <div class="widget-head">
+                    <div class="widget-icon">
+                        {{ partial "helper/icon" "hash" }}
+                    </div>
+                    <h2 class="widget-title">{{ T "article.tableOfContents" }}</h2>
                 </div>
-                <h2 class="widget-title section-title">{{ T "article.tableOfContents" }}</h2>
-                
+
                 <div class="widget--toc">
                     {{ .TableOfContents }}
                 </div>