fix css

bavix · Jul 6, 2024 · 32dcb93 · 32dcb93
1 parent a4ea794
commit 32dcb93
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 19 deletions.
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,16 @@
+:root {
+    --vp-home-hero-image-background-image: linear-gradient(-44deg, #b033ec 50%, #41b9ea 50%);
+    --vp-home-hero-image-filter: blur(46px);
+}
+
+@media (min-width: 640px) {
+    :root {
+        --vp-home-hero-image-filter: blur(50px);
+    }
+}
+
+@media (min-width: 960px) {
+    :root {
+        --vp-home-hero-image-filter: blur(75px);
+    }
+}
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme
diff --git a/docs/index.md b/docs/index.md
@@ -23,22 +23,3 @@ hero:
 #  - title: Feature C
 #    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
 ---
-
-<style>
-:root {
-  --vp-home-hero-image-background-image: linear-gradient(-44deg, #b033ec 50%, #41b9ea 50%);
-  --vp-home-hero-image-filter: blur(46px);
-}
-
-@media (min-width: 640px) {
-  :root {
-    --vp-home-hero-image-filter: blur(50px);
-  }
-}
-
-@media (min-width: 960px) {
-  :root {
-    --vp-home-hero-image-filter: blur(75px);
-  }
-}
-</style>