From c808d2cc10e67ed9241c686f008acda7778f5508 Mon Sep 17 00:00:00 2001
From: Max <walzen665@web.de>
Date: Fri, 16 Feb 2024 19:56:29 +0100
Subject: [PATCH] Updated animations

---
 frontend/src/app/download/download.component.html | 9 ++++-----
 frontend/src/app/upload/upload.component.html     | 2 +-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/download/download.component.html b/frontend/src/app/download/download.component.html
index 6ba7fc4..3a5511b 100644
--- a/frontend/src/app/download/download.component.html
+++ b/frontend/src/app/download/download.component.html
@@ -1,18 +1,17 @@
-<div class="container mx-auto p-4 mt-4">
+<div class="container mx-auto p-4 mt-4 animate-in fade-in slide-in-from-left-6 duration-300">
   <h1 class="text-4xl font-bold text-center text-gray-800 mb-2">Download File</h1>
   <p class="text-md text-center text-gray-600 mb-6">Access your files quickly and securely</p>
   <div class="bg-white shadow-lg rounded-lg p-6 flex flex-col items-center justify-center">
-    <img class="w-28 mt-6 mb-6" src="./assets/cloud-arrow-down-solid.svg">
+    <img class="w-56 mt-6 mb-6" src="./assets/cloud-arrow-down-solid.svg">
     <div class="w-full max-w-md mb-6 relative">
-      <input type="text" class="input input-bordered w-full pl-10" placeholder="Enter download code/link" />
+      <input type="text" class="input input-bordered text-center w-full pl-10" placeholder="Enter download code/link" />
       <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
         <span class="text-gray-500 sm:text-sm">
           <i class="fas fa-link"></i>
         </span>
       </div>
     </div>
-    <button class="btn btn-primary w-full max-w-xs flex justify-center items-center mb-4">
-      <i class="fas fa-cloud-download-alt mr-2"></i>
+    <button class="btn btn-primary w-full max-w-xs flex justify-center items-center mb-4" (click)="checkFile()">
       Download
     </button>
     <p class="text-gray-600 text-center w-2/3">Files are available for a limited time. Ensure the code or link is correct.</p>
diff --git a/frontend/src/app/upload/upload.component.html b/frontend/src/app/upload/upload.component.html
index f31c556..a862c5b 100644
--- a/frontend/src/app/upload/upload.component.html
+++ b/frontend/src/app/upload/upload.component.html
@@ -1,4 +1,4 @@
-<div class="container mx-auto p-4 mt-4">
+<div class="container mx-auto p-4 mt-4 animate-in fade-in slide-in-from-right-6 duration-300">
   <h1 class="text-4xl font-bold text-center text-gray-800 mb-5">Upload Your File</h1>
   <div class="bg-white shadow-lg rounded-lg lg:p-6 p-3">
     <div *ngIf="!uploadStarted" class="flex flex-col items-center justify-center lg:p-5">