diff --git a/src/components/BaseDialog.vue b/src/components/BaseDialog.vue index 21f38bb..2613cb7 100644 --- a/src/components/BaseDialog.vue +++ b/src/components/BaseDialog.vue @@ -211,7 +211,6 @@ onUnmounted(() => { position: fixed; /* still fixed for overlay & dragging, but now top/left are set dynamically */ background: color-mix(in srgb, var(--panel) 85%, transparent); backdrop-filter: blur(0.625em); - -webkit-backdrop-filter: blur(0.625em); color: var(--ink); border-radius: 0.6em; min-height: 23em; diff --git a/src/components/CalendarView.vue b/src/components/CalendarView.vue index 9ec19c5..c35ea05 100644 --- a/src/components/CalendarView.vue +++ b/src/components/CalendarView.vue @@ -54,9 +54,8 @@ let _blurFrame = null function _updateMotionBlur() { const pos = scrollTop.value || 0 - if (_lastBlurPos) { - blurAmount.value = 0.5 * Math.abs(pos - _lastBlurPos) - } + if (_lastBlurPos) blurAmount.value = Math.min(20, 0.5 * Math.abs(pos - _lastBlurPos)) + if (!_lastBlurPos || blurAmount.value < 5) blurAmount.value = 0 _lastBlurPos = pos _blurFrame = requestAnimationFrame(_updateMotionBlur) } diff --git a/src/components/Search.vue b/src/components/Search.vue index b5a619f..d782db8 100644 --- a/src/components/Search.vue +++ b/src/components/Search.vue @@ -550,7 +550,6 @@ function parseGoToDateCandidate(input, refStr) { padding: 0.2rem; background: color-mix(in srgb, var(--panel) 92%, transparent); backdrop-filter: blur(0.6em); - -webkit-backdrop-filter: blur(0.6em); border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent); border-radius: 0.55rem; max-height: 16rem; @@ -592,7 +591,6 @@ function parseGoToDateCandidate(input, refStr) { padding: 0.45rem 0.6rem; background: color-mix(in srgb, var(--panel) 92%, transparent); backdrop-filter: blur(0.6em); - -webkit-backdrop-filter: blur(0.6em); border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent); border-radius: 0.55rem; box-shadow: 0 0.5em 1.25em rgba(0, 0, 0, 0.3);