docs: fix doc hero image style

nicepkg · Jul 19, 2024 · ab1b658 · ab1b658
1 parent 4ea1adc
commit ab1b658
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 44 deletions.
diff --git a/website/.vitepress/theme/style.css b/website/.vitepress/theme/style.css
@@ -10,8 +10,34 @@
 
   --vp-code-scrollbar-thumb-bg: hsl(0, 0%, 40%);
   --vp-code-line-height: 1.9;
+
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #8c6bef 30%,
+    #ef7b95
+  );
+
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #8c6bef 50%,
+    #ef7b95 50%
+  );
+  --vp-home-hero-image-filter: blur(44px);
 }
 
 :root.dark {
   --vp-code-scrollbar-thumb-bg: hsl(0, 0%, 25%);
 }
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
diff --git a/website/en/index.md b/website/en/index.md
@@ -27,25 +27,3 @@ hero:
 <div>
   <Video src="/videos/aide-intro.mp4" />
 </div>
-
-<style>
-:root {
-  --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #8c6bef 30%, #ef7b95);
-
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #8c6bef 50%, #ef7b95 50%);
-  --vp-home-hero-image-filter: blur(44px);
-}
-
-@media (min-width: 640px) {
-  :root {
-    --vp-home-hero-image-filter: blur(56px);
-  }
-}
-
-@media (min-width: 960px) {
-  :root {
-    --vp-home-hero-image-filter: blur(68px);
-  }
-}
-</style>
diff --git a/website/zh/index.md b/website/zh/index.md
@@ -27,25 +27,3 @@ hero:
 <div>
   <Video src="/videos/aide-intro.mp4" />
 </div>
-
-<style>
-:root {
-  --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #8c6bef 30%, #ef7b95);
-
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #8c6bef 50%, #ef7b95 50%);
-  --vp-home-hero-image-filter: blur(44px);
-}
-
-@media (min-width: 640px) {
-  :root {
-    --vp-home-hero-image-filter: blur(56px);
-  }
-}
-
-@media (min-width: 960px) {
-  :root {
-    --vp-home-hero-image-filter: blur(68px);
-  }
-}
-</style>