Fix quality badges to match TrackRow simple text style

- Fix qobuzAdapters to use formatQuality for track quality (was showing Hi-Res)
- Update QualityBadge compact mode to simple text style:
  - font-size: 12px
  - color: #666666 (uniform gray)
  - width: 80px (fixed)
  - No background, border, or special hires styling
This commit is contained in:
vicrodh committed 2026-01-28 19:42:53 -06:00
1 parent c0e9a94f98
commit 591b194b25
2 files changed
+6 -18

No files matched your search

+5 -17
View File
@@ -112,7 +112,7 @@
</script>
{#if compact}
<span class="quality-badge-compact" class:hires={isHiRes} title="{tierLabel}: {displayText}">
<span class="quality-badge-compact" title="{tierLabel}: {displayText}">
{compactText}
</span>
{:else}
@@ -134,28 +134,16 @@
{/if}
<style>
/* Compact mode styles */
/* Compact mode styles - simple text like TrackRow */
.quality-badge-compact {
display: inline-block;
font-size: 11px;
font-weight: 600;
padding: 3px 8px;
border-radius: 6px;
background: var(--alpha-10);
color: var(--alpha-85);
border: 1px solid var(--alpha-15);
min-width: 90px;
font-size: 12px;
color: #666666;
width: 80px;
text-align: center;
box-sizing: border-box;
white-space: nowrap;
}
.quality-badge-compact.hires {
background: linear-gradient(135deg, #fbbf24 0%, #b8860b 100%);
color: #1a1a1a;
border-color: transparent;
}
/* Full mode styles */
.quality-badge {
display: inline-flex;