From 7a76edf7c8c3d551dd4cc318297483517bc5c502 Mon Sep 17 00:00:00 2001
From: qiang <qw13131wang@gmail.com>
Date: Tue, 15 Oct 2024 21:30:38 +0800
Subject: [PATCH] fix: the styles of reading progress (#27)

---
 src/components/VPReadingProgress.vue | 2 +-
 src/styles/vars.css                  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/VPReadingProgress.vue b/src/components/VPReadingProgress.vue
index 3cd4244..9d95a0e 100644
--- 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
index 5f380c9..585e780 100644
--- 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) {