feat(slint): album view detail parity
Bring the album view closer to 1:1 with the Tauri original. - Track list: favorite and offline-cache columns, and the context-menu button now always shows in the muted column color (it brightens on hover) instead of being hidden until hover - Toolbar above the track list: a QualityBadgeFull port of the Tauri QualityBadgeStatic (icon + tier + exact bit-depth/sample-rate), plus a track search box - Editorial album description, truncated, with a Read more link that opens the full text in a modal - Label/awards sidebar: drop the resting card background; awards use the Tauri laurels SVG - Control buttons on both album and artist views are ghost circles (translucent fill, faint ring) instead of solid fills cc
This commit is contained in:
7 files changed
+358
-20
No files matched your search
@@ -23,17 +23,19 @@ component CircleAction inherits Rectangle {
|
||||
width: root.diameter;
|
||||
height: root.diameter;
|
||||
border-radius: root.diameter / 2;
|
||||
background: root.primary
|
||||
? (ta.has-hover ? Theme.accent-hover : Theme.accent)
|
||||
: (ta.has-hover ? Theme.surface-hover : Theme.surface-elevated);
|
||||
// Ghost circle — translucent fill with a faint ring, never a solid
|
||||
// accent fill (mirrors the Tauri transport controls).
|
||||
background: ta.has-hover ? Theme.surface-hover : transparent;
|
||||
border-width: 1px;
|
||||
border-color: ta.has-hover ? Theme.text-disabled : Theme.border-subtle;
|
||||
|
||||
QbzIcon {
|
||||
source: root.icon;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
width: root.primary ? 19px : 17px;
|
||||
height: root.primary ? 19px : 17px;
|
||||
x: (parent.width - self.width) / 2;
|
||||
y: (parent.height - self.height) / 2;
|
||||
tint: root.primary ? Theme.accent-text : Theme.text-secondary;
|
||||
tint: ta.has-hover ? Theme.text-primary : Theme.text-secondary;
|
||||
}
|
||||
|
||||
ta := TouchArea {
|
||||
@@ -184,6 +186,7 @@ export component ArtistPageView inherits Rectangle {
|
||||
height: 340px;
|
||||
background: @linear-gradient(180deg,
|
||||
ArtistState.header-color 0%,
|
||||
ArtistState.header-color 16%,
|
||||
transparent 100%);
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user