fix: the toc jump and styling issues (#119)

#### What type of PR is this? /kind bug #### What this PR does / why we need it: 解决 TOC 样式以及点击 toc 后的定位问题 #### Which issue(s) this PR fixes: Fixes #116 #### Does this PR introduce a user-facing change? ```release-note 解决 TOC 样式及其点击后的定位问题 ```
halo-dev · Oct 13, 2023 · 81dc882 · 81dc882
1 parent 2240926
commit 81dc882
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 11 deletions.
diff --git a/package.json b/package.json
@@ -63,7 +63,7 @@
   },
   "dependencies": {
     "alpinejs": "^3.12.2",
-    "pupa": "^3.1.0",
-    "tocbot": "^4.21.0"
+    "tocbot": "^4.21.2",
+    "pupa": "^3.1.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/main.ts b/src/main.ts
@@ -44,11 +44,12 @@ export function generateToc() {
     extraListClasses: "space-y-1 dark:border-slate-500",
     extraLinkClasses:
       "group flex items-center justify-between rounded py-1 px-1.5 transition-all hover:bg-gray-100 text-sm opacity-80 dark:hover:bg-slate-700 dark:text-slate-50",
-    activeLinkClass: "is-active-link",
     collapseDepth: 6,
     headingsOffset: 100,
     scrollSmooth: true,
     scrollSmoothOffset: -100,
+    // @ts-ignore 
+    tocScrollOffset: 50,
   });
 }
 

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -38,7 +38,7 @@ body {
   text-shadow: 2px 2px 10px #000;
 }
 
-.is-active-li {
+.is-active-link {
   @apply rounded bg-gray-100 dark:bg-slate-600;
 }
 

diff --git a/templates/assets/dist/main.iife.js b/templates/assets/dist/main.iife.js
diff --git a/templates/assets/dist/style.css b/templates/assets/dist/style.css