fix: hero bg blur on mobile

Aylur · Aylur · commit ba7d92df104f · 2024-09-23T19:26:31.000Z
diff --git a/docs/index.md b/docs/index.md
@@ -43,6 +43,7 @@ import Showcases from './showcases/Showcases.vue'
   --vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-purple-3), var(--vp-c-brand-3));
 
   --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-purple-3), var(--vp-c-brand-3));
+  --vp-home-hero-image-filter: blur(44px);
 }
 
 :root {
@@ -76,13 +77,13 @@ import Showcases from './showcases/Showcases.vue'
 
 @media (min-width: 640px) {
   :root {
-    --vp-home-hero-image-filter: blur(46px);
+    --vp-home-hero-image-filter: blur(56px);
   }
 }
 
 @media (min-width: 960px) {
   :root {
-    --vp-home-hero-image-filter: blur(58px);
+    --vp-home-hero-image-filter: blur(68px);
   }
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ import Showcases from './showcases/Showcases.vue'`
`43`	`43`	`--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-purple-3), var(--vp-c-brand-3));`
`44`	`44`
`45`	`45`	`--vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-purple-3), var(--vp-c-brand-3));`
	`46`	`+ --vp-home-hero-image-filter: blur(44px);`
`46`	`47`	`}`
`47`	`48`
`48`	`49`	`:root {`
`@@ -76,13 +77,13 @@ import Showcases from './showcases/Showcases.vue'`
`76`	`77`
`77`	`78`	`@media (min-width: 640px) {`
`78`	`79`	`:root {`
`79`		`- --vp-home-hero-image-filter: blur(46px);`
	`80`	`+ --vp-home-hero-image-filter: blur(56px);`
`80`	`81`	`}`
`81`	`82`	`}`
`82`	`83`
`83`	`84`	`@media (min-width: 960px) {`
`84`	`85`	`:root {`
`85`		`- --vp-home-hero-image-filter: blur(58px);`
	`86`	`+ --vp-home-hero-image-filter: blur(68px);`
`86`	`87`	`}`
`87`	`88`	`}`
`88`	`89`	`</style>`