From 0f55e657014f6a171c9e4f4389dd7ae49493a5fc Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 11 Aug 2021 22:34:45 +0900 Subject: ぼかし効果の切り替え機能 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/client/components/form/form.scss | 4 ++-- src/client/components/ui/folder.vue | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'src/client/components') diff --git a/src/client/components/form/form.scss b/src/client/components/form/form.scss index 05994ae650..00f40df9b1 100644 --- a/src/client/components/form/form.scss +++ b/src/client/components/form/form.scss @@ -32,8 +32,8 @@ margin: -8px calc(var(--formXPadding) * -1) 0 calc(var(--formXPadding) * -1); padding: 8px calc(var(--formContentHMargin) + var(--formXPadding)) 8px calc(var(--formContentHMargin) + var(--formXPadding)); background: var(--X17); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); + -webkit-backdrop-filter: var(--blur, blur(10px)); + backdrop-filter: var(--blur, blur(10px)); } ._themeChanging_ ._formLabel { diff --git a/src/client/components/ui/folder.vue b/src/client/components/ui/folder.vue index e6af40e36d..1f3593a74a 100644 --- a/src/client/components/ui/folder.vue +++ b/src/client/components/ui/folder.vue @@ -102,8 +102,8 @@ export default defineComponent({ background: var(--panel); /* TODO panelの半透明バージョンをプログラマティックに作りたい background: var(--X17); - -webkit-backdrop-filter: blur(8px); - backdrop-filter: blur(20px); + -webkit-backdrop-filter: var(--blur, blur(8px)); + backdrop-filter: var(--blur, blur(20px)); */ > .title { -- cgit v1.2.3-freya