style: make background banner blur static

This commit is contained in:
freeplay 2023-07-07 21:50:45 -04:00
parent 9c86694fd8
commit 9472248e1c

View File

@ -26,6 +26,7 @@
class="banner" class="banner"
:style="{ :style="{
backgroundImage: `url('${user.bannerUrl}')`, backgroundImage: `url('${user.bannerUrl}')`,
'--backgroundImageStatic': getStaticImageUrl(user.bannerUrl)
}" }"
></div> ></div>
<div class="fade"></div> <div class="fade"></div>
@ -384,6 +385,7 @@ import MkRemoteCaution from "@/components/MkRemoteCaution.vue";
import MkInfo from "@/components/MkInfo.vue"; import MkInfo from "@/components/MkInfo.vue";
import MkMoved from "@/components/MkMoved.vue"; import MkMoved from "@/components/MkMoved.vue";
import { getScrollPosition } from "@/scripts/scroll"; import { getScrollPosition } from "@/scripts/scroll";
import { getStaticImageUrl } from "@/scripts/get-static-image-url";
import number from "@/filters/number"; import number from "@/filters/number";
import { userPage } from "@/filters/user"; import { userPage } from "@/filters/user";
import * as os from "@/os"; import * as os from "@/os";
@ -513,7 +515,7 @@ onUnmounted(() => {
content: ""; content: "";
position: fixed; position: fixed;
inset: 0; inset: 0;
background: var(--blur, inherit); background: var(--blur, --backgroundImageStatic);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
pointer-events: none; pointer-events: none;