MediaCard: Polishing the look when no mpris player is running. No mpris does not mean no audio/music.

This commit is contained in:
ItsLemmy
2025-10-06 23:58:34 -04:00
parent 59baaa5137
commit 8627cfe2a4
4 changed files with 8 additions and 24 deletions
+1 -1
View File
@@ -30,7 +30,7 @@ Item {
antialiasing: true
width: root.barSlotWidth * 0.5 // Creates a small gap between bars
height: Math.max(1, root.height * amp)
height: root.height * amp
x: index * root.barSlotWidth + (root.barSlotWidth * 0.25)
y: root.height - height
}
+1 -1
View File
@@ -34,7 +34,7 @@ Item {
antialiasing: true
width: root.barSlotWidth * 0.8 // Creates a small gap between bars
height: Math.max(1, barHeight)
height: barHeight
x: index * root.barSlotWidth + (root.barSlotWidth * 0.25)
y: root.centerY - (barHeight / 2)
}
+3 -3
View File
@@ -49,12 +49,12 @@ Item {
// Draw the top half of the waveform from left to right
// Use the calculated offset for the first point
var yOffset = Math.max(1, mirroredValues[0] * amplitude)
var yOffset = mirroredValues[0] * amplitude
ctx.moveTo(0, centerY - yOffset)
for (var i = 1; i < count; i++) {
const x = i * stepX
yOffset = Math.max(1, mirroredValues[i] * amplitude)
yOffset = mirroredValues[i] * amplitude
const y = centerY - yOffset
ctx.lineTo(x, y)
}
@@ -62,7 +62,7 @@ Item {
// Draw the bottom half of the waveform from right to left to create a closed shape
for (var i = count - 1; i >= 0; i--) {
const x = i * stepX
yOffset = Math.max(1, mirroredValues[i] * amplitude)
yOffset = mirroredValues[i] * amplitude
const y = centerY + yOffset // Mirrored across the center
ctx.lineTo(x, y)
}
+3 -19
View File
@@ -108,7 +108,7 @@ NBox {
OpacityMask {
anchors.fill: parent
opacity: 0.35
opacity: MediaService.trackArtUrl !== "" ? 0.35 : 1.0
source: visualizerContainer
maskSource: Rectangle {
width: root.width
@@ -155,7 +155,7 @@ NBox {
height: width
radius: width / 2
color: "transparent"
border.color: Color.mPrimary
border.color: Color.mOnSurfaceVariant
border.width: 2
opacity: 0
@@ -194,7 +194,7 @@ NBox {
anchors.centerIn: parent
icon: "disc"
pointSize: Style.fontSizeXXXL * 3 * scaling
color: Color.mPrimary
color: Color.mOnSurfaceVariant
RotationAnimator on rotation {
from: 0
@@ -210,22 +210,6 @@ NBox {
ColumnLayout {
Layout.alignment: Qt.AlignHCenter
spacing: Style.marginXS * scaling
NText {
Layout.alignment: Qt.AlignHCenter
text: "No music playing"
font.weight: Style.fontWeightBold
pointSize: Style.fontSizeL * scaling
color: Color.mOnSurface
}
NText {
Layout.alignment: Qt.AlignHCenter
text: "Start playing something to see it here"
pointSize: Style.fontSizeS * scaling
color: Color.mOnSurfaceVariant
opacity: 0.7
}
}
}
}