ui: show downloaded tracks with green CloudOff icon

cx
This commit is contained in:
vicrodh committed 2026-01-22 11:43:49 -06:00
1 parent f35f83fbb7
commit be508ca75c
1 file changed
+4 -4
+4 -4
View File
@@ -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 {