diff options
| author | Fuwn <[email protected]> | 2024-02-03 01:14:52 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-03 01:14:52 -0800 |
| commit | 62428a384f9e607ee9519bcedb06f9316a6ce8dd (patch) | |
| tree | e6e9bdf83e14505b7476e6b6443784c379f6f1bb /src/lib | |
| parent | fix(tooltip): disable method (diff) | |
| download | due.moe-62428a384f9e607ee9519bcedb06f9316a6ce8dd.tar.xz due.moe-62428a384f9e607ee9519bcedb06f9316a6ce8dd.zip | |
feat(cover): better movement
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/Media/Cover/HoverCover.svelte | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte index c4cb10de..7ac912c8 100644 --- a/src/lib/Media/Cover/HoverCover.svelte +++ b/src/lib/Media/Cover/HoverCover.svelte @@ -17,12 +17,15 @@ {/if} <style lang="scss"> + $coverTransitionTime: 200ms; + .hover-image { position: fixed; z-index: 1000; height: auto; display: none; border-radius: 8px; + transition: opacity $coverTransitionTime ease-in-out, top 0.3s ease, left 0.3s ease; } .show { @@ -30,7 +33,7 @@ } .hover-image { - animation: dropIn 0.15s ease-in-out; + animation: dropIn $coverTransitionTime ease-in-out; } @keyframes dropIn { |