From 62428a384f9e607ee9519bcedb06f9316a6ce8dd Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 3 Feb 2024 01:14:52 -0800
Subject: feat(cover): better movement

---
 src/lib/Media/Cover/HoverCover.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'src/lib/Media')

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 {
-- 
cgit v1.2.3