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:
LeoVasanko
2025-09-25 19:36:42 +00:00
parent c92826ab6f
commit b135b53893
3 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/BaseDialog.vue
-1
View File
@@ -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;
src/components/CalendarView.vue
+2 -3
View File
@@ -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)
}
src/components/Search.vue
-2
View File
@@ -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);