fix(modals): add missing btn base class and update acknowledgments

- Fix modal footer buttons missing 'btn' base class in:
  - PlaylistModal (New/Edit playlist, Add to playlist)
  - PlaylistImportModal (Import playlist)
  - FolderSettingsModal (Library folder settings)
  - Sidebar (New folder inline modal)
- Remove incorrect QobuzLegalNotice from PlaylistImportModal
- Add MusicBrainz and lyrics providers to AboutModal acknowledgments:
  - MusicBrainz (music metadata)
  - LRCLIB (synced lyrics)
  - lyrics.ovh (lyrics API)
This commit is contained in:
vicrodh committed 2026-01-26 22:16:31 -06:00
1 parent 53060ebd4d
commit 15c0258937
5 files changed
+18 -13

No files matched your search

+9
View File
@@ -123,9 +123,18 @@
<div class="attribution">
<strong>Lucide</strong> — Icon library (ISC)
</div>
<div class="attribution">
<strong>MusicBrainz</strong> — Music metadata database
</div>
<div class="attribution">
<strong>Song.link/Odesli</strong> — Music link aggregation API
</div>
<div class="attribution">
<strong>LRCLIB</strong> — Synced lyrics provider
</div>
<div class="attribution">
<strong>lyrics.ovh</strong> — Lyrics API
</div>
</div>
</div>
@@ -365,10 +365,10 @@
{scanning ? $t('library.scanning') : $t('library.scanThisFolder')}
</button>
<div class="footer-spacer"></div>
<button class="btn-secondary" onclick={onClose} disabled={loading}>
<button class="btn btn-secondary" onclick={onClose} disabled={loading}>
{$t('actions.cancel')}
</button>
<button class="btn-primary" onclick={handleSave} disabled={loading}>
<button class="btn btn-primary" onclick={handleSave} disabled={loading}>
{loading ? $t('actions.saving') : $t('actions.save')}
</button>
</div>
@@ -3,8 +3,6 @@
import { X, CloudOff } from 'lucide-svelte';
import { showToast } from '$lib/stores/toastStore';
import { t } from '$lib/i18n';
import QobuzLegalNotice from '$lib/components/QobuzLegalNotice.svelte';
import { qobuzTosAccepted } from '$lib/stores/qobuzLegalStore';
import {
subscribe as subscribeOffline,
isOffline as checkIsOffline
@@ -70,7 +68,7 @@
const detectedProvider = $derived(detectProvider(url));
const activeProvider = $derived(lockedProvider ?? detectedProvider);
const isValid = $derived(!!detectedProvider && !isOffline && $qobuzTosAccepted);
const isValid = $derived(!!detectedProvider && !isOffline);
$effect(() => {
if (isOpen) {
@@ -213,8 +211,6 @@
</div>
<div class="modal-body">
<QobuzLegalNotice checkboxDisabled={loading} />
{#if isOffline}
<div class="offline-warning" role="alert" aria-live="polite">
<CloudOff size={16} aria-hidden="true" />
@@ -280,8 +276,8 @@
</div>
<div class="modal-footer">
<button class="btn-secondary" onclick={onClose} disabled={loading}>Close</button>
<button class="btn-primary" onclick={handleImport} disabled={!isValid || loading || importCompleted}>
<button class="btn btn-secondary" onclick={onClose} disabled={loading}>Close</button>
<button class="btn btn-primary" onclick={handleImport} disabled={!isValid || loading || importCompleted}>
{#if loading}
Importing...
{:else}
+2 -2
View File
@@ -577,10 +577,10 @@
</div>
{/if}
<div class="footer-right">
<button class="btn-secondary" onclick={onClose} disabled={loading}>
<button class="btn btn-secondary" onclick={onClose} disabled={loading}>
Cancel
</button>
<button class="btn-primary" onclick={handleSubmit} disabled={loading}>
<button class="btn btn-primary" onclick={handleSubmit} disabled={loading}>
{#if loading}
Saving...
{:else if mode === 'create'}
+2 -2
View File
@@ -1140,11 +1140,11 @@
/>
</div>
<div class="modal-actions">
<button class="btn-secondary" onclick={cancelCreateFolder}>
<button class="btn btn-secondary" onclick={cancelCreateFolder}>
{$t('actions.cancel')}
</button>
<button
class="btn-primary"
class="btn btn-primary"
onclick={handleCreateFolder}
disabled={!newFolderName.trim()}
>