From 89e142040f44a9821feb0f237db7c6a3ebf16dc7 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 31 Jan 2024 07:26:53 -0800
Subject: feat(hovercover): drop in animation

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

(limited to 'src/lib/Media/Cover')

diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte
index 92c0e6fd..d7f8d426 100644
--- a/src/lib/Media/Cover/HoverCover.svelte
+++ b/src/lib/Media/Cover/HoverCover.svelte
@@ -16,7 +16,7 @@
 	/>
 {/if}
 
-<style>
+<style lang="scss">
 	.hover-image {
 		position: fixed;
 		z-index: 1000;
@@ -28,4 +28,20 @@
 	.show {
 		display: block;
 	}
+
+	.hover-image {
+		animation: dropIn 0.25s ease-in-out;
+	}
+
+	@keyframes dropIn {
+		0% {
+			opacity: 0;
+			transform: translateY(-1rem);
+		}
+
+		100% {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
 </style>
-- 
cgit v1.2.3