Improve download UI

This commit is contained in:
Geomitron
2024-07-11 18:29:34 -05:00
parent 2d9fad5d03
commit 2e08dec589
6 changed files with 62 additions and 16 deletions

View File

@@ -8,9 +8,21 @@
[class.border-2]="download.type === 'error'">
<div class="card-body">
<div class="card-actions justify-end">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" (click)="downloadService.cancelDownload(download.md5)">
<i class="bi bi-x-lg text-lg"></i>
</button>
@if (download.type === 'done') {
<button
class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2 tooltip tooltip-left tooltip-accent"
data-tip="Hide"
(click)="downloadService.cancelDownload(download.md5)">
<i class="bi bi-x-lg text-lg"></i>
</button>
} @else {
<button
class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2 tooltip tooltip-left tooltip-error"
data-tip="Cancel"
(click)="downloadService.cancelDownload(download.md5)">
<i class="bi bi-x-lg text-lg text-error"></i>
</button>
}
</div>
<h2 class="card-title">{{ download.chartName }}</h2>
<progress