diff options
| author | Aylur <[email protected]> | 2024-09-23 19:26:31 +0000 |
|---|---|---|
| committer | Aylur <[email protected]> | 2024-09-23 19:26:31 +0000 |
| commit | ba7d92df104f374a3796c0c95f3a9cda04976f6a (patch) | |
| tree | 1f67eba5386cfb163d3dd7f8433a5a7e61cf0f91 | |
| parent | 006651b8147328978345b8651069585b8b56466d (diff) | |
fix: hero bg blur on mobile
| -rw-r--r-- | docs/index.md | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/docs/index.md b/docs/index.md index df4fea5..46f28da 100644 --- 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> |