More icons improvements
This commit is contained in:
parent
1f9247c429
commit
5e6f77f875
4 changed files with 6033 additions and 6029 deletions
File diff suppressed because it is too large
Load diff
|
|
@ -18,7 +18,7 @@ NBox {
|
||||||
Layout.fillHeight: true
|
Layout.fillHeight: true
|
||||||
anchors.margins: Style.marginL * scaling
|
anchors.margins: Style.marginL * scaling
|
||||||
|
|
||||||
// Fallback
|
// No media player detected
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
id: fallback
|
id: fallback
|
||||||
|
|
||||||
|
|
@ -32,7 +32,7 @@ NBox {
|
||||||
|
|
||||||
NIcon {
|
NIcon {
|
||||||
icon: "disc"
|
icon: "disc"
|
||||||
font.pointSize: Style.fontSizeXXXL * 2.5 * scaling
|
font.pointSize: Style.fontSizeXXXL * 3 * scaling
|
||||||
color: Color.mPrimary
|
color: Color.mPrimary
|
||||||
Layout.alignment: Qt.AlignHCenter
|
Layout.alignment: Qt.AlignHCenter
|
||||||
}
|
}
|
||||||
|
|
@ -89,7 +89,7 @@ NBox {
|
||||||
indicator: NIcon {
|
indicator: NIcon {
|
||||||
x: playerSelector.width - width
|
x: playerSelector.width - width
|
||||||
y: playerSelector.topPadding + (playerSelector.availableHeight - height) / 2
|
y: playerSelector.topPadding + (playerSelector.availableHeight - height) / 2
|
||||||
icon: "chevron-down"
|
icon: "caret-down"
|
||||||
font.pointSize: Style.fontSizeXXL * scaling
|
font.pointSize: Style.fontSizeXXL * scaling
|
||||||
color: Color.mOnSurface
|
color: Color.mOnSurface
|
||||||
horizontalAlignment: Text.AlignRight
|
horizontalAlignment: Text.AlignRight
|
||||||
|
|
@ -156,13 +156,13 @@ NBox {
|
||||||
color: trackArt.visible ? Color.mPrimary : Color.transparent
|
color: trackArt.visible ? Color.mPrimary : Color.transparent
|
||||||
clip: true
|
clip: true
|
||||||
|
|
||||||
|
// Can't use fallback icon here, as we have a big disc behind
|
||||||
NImageCircled {
|
NImageCircled {
|
||||||
id: trackArt
|
id: trackArt
|
||||||
visible: MediaService.trackArtUrl.toString() !== ""
|
visible: MediaService.trackArtUrl !== ""
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
anchors.margins: Style.marginXS * scaling
|
anchors.margins: Style.marginXS * scaling
|
||||||
imagePath: MediaService.trackArtUrl
|
imagePath: MediaService.trackArtUrl
|
||||||
fallbackIcon: "disc"
|
|
||||||
borderColor: Color.mOutline
|
borderColor: Color.mOutline
|
||||||
borderWidth: Math.max(1, Style.borderS * scaling)
|
borderWidth: Math.max(1, Style.borderS * scaling)
|
||||||
}
|
}
|
||||||
|
|
@ -171,7 +171,7 @@ NBox {
|
||||||
NIcon {
|
NIcon {
|
||||||
icon: "disc"
|
icon: "disc"
|
||||||
color: Color.mPrimary
|
color: Color.mPrimary
|
||||||
font.pointSize: Style.fontSizeL * 12 * scaling
|
font.pointSize: Style.fontSizeXXXL * 3 * scaling
|
||||||
visible: !trackArt.visible
|
visible: !trackArt.visible
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -94,14 +94,13 @@ Rectangle {
|
||||||
color: Color.mPrimary
|
color: Color.mPrimary
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.rightMargin: Style.marginXXS * scaling * contentScale
|
anchors.rightMargin: -2 * scaling
|
||||||
anchors.topMargin: Style.marginXS * scaling * contentScale
|
anchors.topMargin: -2 * scaling
|
||||||
|
|
||||||
NIcon {
|
NIcon {
|
||||||
id: iconText
|
id: iconText
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
icon: root.icon
|
icon: root.icon
|
||||||
font.pointSize: Style.fontSizeS * scaling * contentScale
|
|
||||||
color: Color.mOnPrimary
|
color: Color.mOnPrimary
|
||||||
horizontalAlignment: Text.AlignHCenter
|
horizontalAlignment: Text.AlignHCenter
|
||||||
verticalAlignment: Text.AlignVCenter
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
|
|
||||||
|
|
@ -85,7 +85,7 @@ RowLayout {
|
||||||
indicator: NIcon {
|
indicator: NIcon {
|
||||||
x: combo.width - width - Style.marginM * scaling
|
x: combo.width - width - Style.marginM * scaling
|
||||||
y: combo.topPadding + (combo.availableHeight - height) / 2
|
y: combo.topPadding + (combo.availableHeight - height) / 2
|
||||||
icon: "chevron-down"
|
icon: "caret-down"
|
||||||
font.pointSize: Style.fontSizeL * scaling
|
font.pointSize: Style.fontSizeL * scaling
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue