From e357e8d2a9e388768f3112dab7d3bf4ddb66c3a0 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Tue, 22 Nov 2022 20:53:03 +0100
Subject: [PATCH] feat: fancy hover animation for filetype

---
 .../lib/components/dashboard/FileType.svelte  | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/dashboard/FileType.svelte b/frontend/src/lib/components/dashboard/FileType.svelte
index c49acf1..49d0cdf 100644
--- a/frontend/src/lib/components/dashboard/FileType.svelte
+++ b/frontend/src/lib/components/dashboard/FileType.svelte
@@ -10,9 +10,21 @@
 </div>
 
 <style>
-    div {
-        @apply flex items-center justify-between;
-        @apply py-1 px-4;
-        @apply bg-white rounded-xl shadow-md;
-    }
-</style>
\ No newline at end of file
+	div {
+		@apply flex items-center justify-between;
+		@apply py-1 px-4;
+		@apply bg-white rounded-xl shadow-md;
+
+		@apply hover:bg-sspsBlue;
+        @apply hover:cursor-pointer;
+	}
+
+	div,
+	span {
+		@apply transition-all duration-300;
+	}
+
+	div:hover span {
+		@apply text-white;
+	}
+</style>