Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: banner blur

Browse Source
This commit is contained in:
freeplay 2023-07-08 13:06:16 -04:00
parent c8ae0cfb95
commit ab19e68417
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/client/src/pages/user/home.vue
View File

@ -26,7 +26,7 @@
class="banner" class="banner"
:style="{ :style="{
backgroundImage: `url('${user.bannerUrl}')`, backgroundImage: `url('${user.bannerUrl}')`,
'--backgroundImageStatic': getStaticImageUrl(user.bannerUrl) '--backgroundImageStatic': defaultStore.state.useBlurEffect ? `url('${getStaticImageUrl(user.bannerUrl)}')` : null
}" }"
></div> ></div>
<div class="fade"></div> <div class="fade"></div>
@ -388,6 +388,7 @@ import { getScrollPosition } from "@/scripts/scroll";
import { getStaticImageUrl } from "@/scripts/get-static-image-url"; 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 { defaultStore } from "@/store";
import * as os from "@/os"; import * as os from "@/os";
import { i18n } from "@/i18n"; import { i18n } from "@/i18n";
import { $i } from "@/account"; import { $i } from "@/account";
@ -515,7 +516,7 @@ onUnmounted(() => {
content: ""; content: "";
position: fixed; position: fixed;
inset: 0; inset: 0;
background: var(--blur, --backgroundImageStatic); background: var(--backgroundImageStatic);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
pointer-events: none; pointer-events: none;