Max665/sharepulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated animations

Browse Source
This commit is contained in:
Max W. 2024-02-16 19:56:29 +01:00
parent 4bcfa0500c
commit c808d2cc10
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/app/download/download.component.html
View File

@ -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>

2
frontend/src/app/upload/upload.component.html
View File

@ -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">