ui: show downloaded tracks with green CloudOff icon
cx
This commit is contained in:
1 parent
f35f83fbb7
commit
be508ca75c
1 file changed
+4
-4
@@ -1,5 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { CloudDownload, CloudCheck, Loader, AlertCircle, CloudOff } from 'lucide-svelte';
|
import { CloudDownload, Loader, AlertCircle, CloudOff } from 'lucide-svelte';
|
||||||
import { t } from '$lib/i18n';
|
import { t } from '$lib/i18n';
|
||||||
import {
|
import {
|
||||||
subscribe as subscribeOffline,
|
subscribe as subscribeOffline,
|
||||||
@@ -82,7 +82,7 @@
|
|||||||
disabled={isDisabled}
|
disabled={isDisabled}
|
||||||
>
|
>
|
||||||
{#if status === 'ready'}
|
{#if status === 'ready'}
|
||||||
<CloudCheck {size} />
|
<CloudOff {size} />
|
||||||
{:else if status === 'downloading' || status === 'queued'}
|
{:else if status === 'downloading' || status === 'queued'}
|
||||||
<div class="progress-ring" style="--progress: {progress}">
|
<div class="progress-ring" style="--progress: {progress}">
|
||||||
<Loader {size} class="spinning" />
|
<Loader {size} class="spinning" />
|
||||||
@@ -126,8 +126,8 @@
|
|||||||
color: var(--success, #22c55e);
|
color: var(--success, #22c55e);
|
||||||
}
|
}
|
||||||
|
|
||||||
.download-button.ready:hover {
|
.download-button.ready:hover:not(:disabled) {
|
||||||
color: var(--error, #ef4444);
|
color: var(--success, #22c55e);
|
||||||
}
|
}
|
||||||
|
|
||||||
.download-button.failed {
|
.download-button.failed {
|
||||||
|
|||||||
Reference in new issue
Block a user