docs: 首页动画性能问题

camera-2018 · Oct 21, 2024 · 89f2650 · 89f2650
1 parent 711bc04
commit 89f2650
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/.vitepress/components/WikiLogo.vue b/.vitepress/components/WikiLogo.vue
@@ -34,7 +34,7 @@ onMounted(() => {
 
 <template>
   <div class="wiki-logo-img">
-    <svg width="400" height="300" viewBox="200 100 400 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width="364" height="300" viewBox="200 100 400 300" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clip-path="url(#clip1_1_2)">
         <g clip-path="url(#clip2_1_2)">
           <path

diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
@@ -4,7 +4,6 @@ import DefaultTheme from 'vitepress/theme'
 import { nextTick, provide } from 'vue'
 import { useMediumZoom } from './useMediumZoom';
 const { isDark } = useData()
-
 const enableTransitions = () =>
   'startViewTransition' in document &&
   window.matchMedia('(prefers-reduced-motion: no-preference)').matches
@@ -189,4 +188,11 @@ useMediumZoom()
 .animate.jumbo:after {
   animation: jumbo-5f0d2d0c 90s linear infinite
 }
+
+@media (max-width: 768px) {
+  .animate.jumbo:after {
+    animation: none;
+  }
+}
+
 </style>
diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css
@@ -227,6 +227,6 @@ mjx-container {
 
 @media (max-width: 640px) {
   .wiki-logo-img > svg {
-    transform: translate(-36px, 32px) !important;
+    transform: translate(-20px, 32px) !important;
   }
 }