fix: the styles of reading progress (#27)

tolking · Oct 15, 2024 · 7a76edf · 7a76edf
1 parent 3f2e3e1
commit 7a76edf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/VPReadingProgress.vue b/src/components/VPReadingProgress.vue
@@ -84,7 +84,7 @@ function getProgressStyle() {
 <style scoped>
 .reading-progress {
   position: fixed;
-  z-index: var(--vp-z-index-footer);
+  z-index: var(--vp-reading-z-index);
   overflow: hidden;
 }
 .reading-progress .progress {

diff --git a/src/styles/vars.css b/src/styles/vars.css
@@ -20,6 +20,7 @@
   /* the vars of reading progress */
   --vp-reading-size: 3px;
   --vp-reading-gradient: none;
+  --vp-reading-z-index: 100;
 }
 
 @media (min-width: 768px) {