fix: active element (slidevjs#832)

youshao · Jan 18, 2023 · 6216edf · 6216edf
1 parent ebfaf8f
commit 6216edf
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 25 deletions.
diff --git a/package.json b/package.json
@@ -45,7 +45,7 @@
     "@types/semver": "^7.3.13",
     "@types/yargs": "^17.0.17",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "@vueuse/core": "^9.7.0",
+    "@vueuse/core": "^9.11.0",
     "bumpp": "^8.2.1",
     "cross-env": "^7.0.3",
     "cypress": "^12.1.0",

diff --git a/packages/client/internals/SlidesOverview.vue b/packages/client/internals/SlidesOverview.vue
@@ -71,8 +71,8 @@ watchEffect(() => {
         class="relative"
       >
         <div
-          class="inline-block border border-gray-400 rounded border-opacity-50 overflow-hidden bg-main hover:border-$slidev-theme-primary"
-          :class="{ 'border-$slidev-theme-primary': focus(idx + 1) }"
+          class="inline-block border rounded border-opacity-50 overflow-hidden bg-main hover:border-$slidev-theme-primary"
+          :class="{ 'border-$slidev-theme-primary': focus(idx + 1), 'border-gray-400': !focus(idx + 1) }"
           :style="themeVars"
           @click="go(+route.path)"
         >

diff --git a/packages/client/package.json b/packages/client/package.json
@@ -19,7 +19,7 @@
     "@slidev/parser": "workspace:*",
     "@slidev/types": "workspace:*",
     "@unocss/reset": "^0.47.6",
-    "@vueuse/core": "^9.7.0",
+    "@vueuse/core": "^9.11.0",
     "@vueuse/head": "^1.0.22",
     "@vueuse/math": "^9.7.0",
     "@vueuse/motion": "^2.0.0-beta.26",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml