From 9472248e1ca1cb73ad695c6c2b74bffcf5062161 Mon Sep 17 00:00:00 2001
From: freeplay <freeplay@duck.com>
Date: Fri, 7 Jul 2023 21:50:45 -0400
Subject: [PATCH] style: make background banner blur static
---
packages/client/src/pages/user/home.vue | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index adfebd4a26..24b150bc43 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -26,6 +26,7 @@
class="banner"
:style="{
backgroundImage: `url('${user.bannerUrl}')`,
+ '--backgroundImageStatic': getStaticImageUrl(user.bannerUrl)
}"
></div>
<div class="fade"></div>
@@ -384,6 +385,7 @@ import MkRemoteCaution from "@/components/MkRemoteCaution.vue";
import MkInfo from "@/components/MkInfo.vue";
import MkMoved from "@/components/MkMoved.vue";
import { getScrollPosition } from "@/scripts/scroll";
+import { getStaticImageUrl } from "@/scripts/get-static-image-url";
import number from "@/filters/number";
import { userPage } from "@/filters/user";
import * as os from "@/os";
@@ -513,7 +515,7 @@ onUnmounted(() => {
content: "";
position: fixed;
inset: 0;
- background: var(--blur, inherit);
+ background: var(--blur, --backgroundImageStatic);
background-size: cover;
background-position: center;
pointer-events: none;