media controls: add shadow

This commit is contained in:
end-4
2025-05-25 20:38:10 +02:00
parent e4093622d5
commit 7c8f9db6d9
@@ -115,11 +115,25 @@ Item { // Player instance
property color colOnSecondaryContainer: ColorUtils.mix(Appearance.m3colors.m3onSecondaryContainer, artDominantColor, 0.2) property color colOnSecondaryContainer: ColorUtils.mix(Appearance.m3colors.m3onSecondaryContainer, artDominantColor, 0.2)
} }
Rectangle { // Background wrapper with shadow
id: backgroundShadowLayer
anchors.fill: parent
anchors.margins: Appearance.sizes.elevationMargin
radius: root.popupRounding
layer.enabled: true
layer.effect: MultiEffect {
source: backgroundShadowLayer
anchors.fill: backgroundShadowLayer
shadowEnabled: true
shadowColor: Appearance.colors.colShadow
shadowVerticalOffset: 1
shadowBlur: 0.5
}
Rectangle { // Background Rectangle { // Background
id: background id: background
anchors.fill: parent anchors.fill: parent
anchors.margins: Appearance.sizes.elevationMargin
color: blendedColors.colLayer0 color: blendedColors.colLayer0
radius: root.popupRounding radius: root.popupRounding
@@ -290,3 +304,4 @@ Item { // Player instance
} }
} }
} }
}