Added btn animations
This commit is contained in:
@ -44,7 +44,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Upload Button -->
|
||||
<button class="btn btn-primary w-full max-w-xs" (click)="startUpload()">Upload File</button>
|
||||
<button class="btn btn-primary w-full max-w-xs hover:scale-105 transition-transform duration-100" (click)="startUpload()">Upload File</button>
|
||||
<p class="text-gray-600 text-center mt-6">Drag and drop files, or click to select the files you want to share.</p>
|
||||
</div>
|
||||
<!-- Upload Progress -->
|
||||
@ -99,12 +99,12 @@
|
||||
<p class="text-sm text-gray-500 mt-1">Your file is now securely stored on our servers.</p>
|
||||
|
||||
<div class="mt-4 flex flex-col w-full items-center">
|
||||
<button class="btn btn-success w-full max-w-xs text-white" (click)="copyUrlToClipboard(this.fileUrls?.downloadUrl)">
|
||||
<button class="btn btn-success w-full max-w-xs text-white hover:scale-105 transition-transform duration-100" (click)="copyUrlToClipboard(this.fileUrls?.downloadUrl)">
|
||||
<div *ngIf="!urlCopied">Copy Download URL</div>
|
||||
<div *ngIf="urlCopied"><img width="20" src="./assets/check-solid.svg" alt="kk"></div>
|
||||
</button>
|
||||
<button class="btn btn-primary mt-2 w-full max-w-xs" routerLink="/home">Home</button>
|
||||
<button class="btn btn-outline btn-secondary mt-2 w-full max-w-xs" disabled>Delete this file</button>
|
||||
<button class="btn btn-primary mt-2 w-full max-w-xs hover:scale-105 transition-transform duration-100" routerLink="/home">Home</button>
|
||||
<button class="btn btn-outline btn-secondary mt-2 w-full max-w-xs hover:scale-105 transition-transform duration-100" disabled>Delete this file</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Reference in New Issue
Block a user