Change Submit Animation

Loudbooks · Dec 7, 2024 · 2438eb0 · 2438eb0
1 parent bbbf66f
commit 2438eb0
Showing 1 changed file with 11 additions and 9 deletions.
diff --git 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>