From 2438eb04f95c0339acedf0f58f3c65e33131d13e Mon Sep 17 00:00:00 2001
From: Loudbook <loudbooked@gmail.com>
Date: Sat, 7 Dec 2024 10:39:41 -0500
Subject: [PATCH] Change Submit Animation

---
 frontend/src/components/new/Submit.svelte | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/new/Submit.svelte b/frontend/src/components/new/Submit.svelte
index 53123ca..f30263b 100755
--- a/frontend/src/components/new/Submit.svelte
+++ b/frontend/src/components/new/Submit.svelte
@@ -11,13 +11,6 @@
     writableContent.subscribe(() => {
       allFieldsFilled();
     });
-
-    let submit = document.getElementsByClassName("submit")[0] as HTMLElement;
-
-    setTimeout(() => {
-      submit.style.opacity = "1";
-      submit.style.transform = "translateY(0)";
-    }, 400);
   });
 
   let alreadyUploading = false;
@@ -156,8 +149,7 @@
       text-decoration: none;
       border: 1px solid #c9c9c9;
 
-      opacity: 0;
-      transform: translateY(30%);
+      animation: fadeIn 0.5s forwards;
 
       :global(.dark-mode) & {
         background-color: #1a1a1a;
@@ -208,4 +200,14 @@
       transform: scale(1);
     }
   }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
 </style>