From 9dc376360ca09e5bbe489a3bc035dca3abe604f8 Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Sat, 17 Sep 2022 14:11:02 -0700 Subject: [PATCH] only show user bg if blur --- packages/client/src/components/MkUserPreview.vue | 2 +- packages/client/src/pages/timeline.vue | 4 ++-- packages/client/src/pages/user/home.vue | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue index e3523798a..2e33b88af 100644 --- a/packages/client/src/components/MkUserPreview.vue +++ b/packages/client/src/components/MkUserPreview.vue @@ -115,7 +115,7 @@ onMounted(() => { &::after { content: ""; - background-image: inherit; + background-image: var(--blur, inherit); position: fixed; inset: 0; background-size: cover; diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue index be5c7e62f..44d2a2b20 100644 --- a/packages/client/src/pages/timeline.vue +++ b/packages/client/src/pages/timeline.vue @@ -116,11 +116,11 @@ const MOBILE_THRESHOLD = 500; // デスクトップでウィンドウを狭くしたときモバイルUIが表示されて欲しいことはあるので deviceKind === 'desktop' の判定は行わない const isMobile = ref( - deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD + deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD, ); window.addEventListener('resize', () => { isMobile.value = - deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD; + (deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD); }); const tlComponent = $ref>(); diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue index 9efd59f36..e1f8d1961 100644 --- a/packages/client/src/pages/user/home.vue +++ b/packages/client/src/pages/user/home.vue @@ -221,7 +221,7 @@ onUnmounted(() => { &::after { content: ""; - background-image: inherit; + background-image: var(--blur, inherit); position: fixed; inset: 0; background-size: cover;