LeoVasanko/calendar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimise blur.

Browse Source
This commit is contained in:
Leo Vasanko
2025-09-25 07:36:42 -06:00
parent 704773dc8a
commit 8a508f273d
3 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/BaseDialog.vue
View File

@@ -211,7 +211,6 @@ onUnmounted(() => {
position: fixed; /* still fixed for overlay & dragging, but now top/left are set dynamically */ position: fixed; /* still fixed for overlay & dragging, but now top/left are set dynamically */
background: color-mix(in srgb, var(--panel) 85%, transparent); background: color-mix(in srgb, var(--panel) 85%, transparent);
backdrop-filter: blur(0.625em); backdrop-filter: blur(0.625em);
-webkit-backdrop-filter: blur(0.625em);
color: var(--ink); color: var(--ink);
border-radius: 0.6em; border-radius: 0.6em;
min-height: 23em; min-height: 23em;

5
src/components/CalendarView.vue
View File

@@ -54,9 +54,8 @@ let _blurFrame = null
function _updateMotionBlur() { function _updateMotionBlur() {
const pos = scrollTop.value || 0 const pos = scrollTop.value || 0
if (_lastBlurPos) { if (_lastBlurPos) blurAmount.value = Math.min(20, 0.5 * Math.abs(pos - _lastBlurPos))
blurAmount.value = 0.5 * Math.abs(pos - _lastBlurPos) if (!_lastBlurPos || blurAmount.value < 5) blurAmount.value = 0
}
_lastBlurPos = pos _lastBlurPos = pos
_blurFrame = requestAnimationFrame(_updateMotionBlur) _blurFrame = requestAnimationFrame(_updateMotionBlur)
} }

2
src/components/Search.vue
View File

@@ -550,7 +550,6 @@ function parseGoToDateCandidate(input, refStr) {
padding: 0.2rem; padding: 0.2rem;
background: color-mix(in srgb, var(--panel) 92%, transparent); background: color-mix(in srgb, var(--panel) 92%, transparent);
backdrop-filter: blur(0.6em); backdrop-filter: blur(0.6em);
-webkit-backdrop-filter: blur(0.6em);
border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent); border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent);
border-radius: 0.55rem; border-radius: 0.55rem;
max-height: 16rem; max-height: 16rem;
@@ -592,7 +591,6 @@ function parseGoToDateCandidate(input, refStr) {
padding: 0.45rem 0.6rem; padding: 0.45rem 0.6rem;
background: color-mix(in srgb, var(--panel) 92%, transparent); background: color-mix(in srgb, var(--panel) 92%, transparent);
backdrop-filter: blur(0.6em); backdrop-filter: blur(0.6em);
-webkit-backdrop-filter: blur(0.6em);
border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent); border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent);
border-radius: 0.55rem; border-radius: 0.55rem;
box-shadow: 0 0.5em 1.25em rgba(0, 0, 0, 0.3); box-shadow: 0 0.5em 1.25em rgba(0, 0, 0, 0.3);