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:
1 parent
c0e9a94f98
commit
591b194b25
2 files changed
+6
-18
No files matched your search
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user