media controls: add shadow

2025-05-25 20:38:10 +02:00
parent e4093622d5
commit 7c8f9db6d9
1 changed files with 150 additions and 135 deletions
@@ -115,11 +115,25 @@ Item { // Player instance
        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
            id: background
            anchors.fill: parent
-        anchors.margins: Appearance.sizes.elevationMargin
            color: blendedColors.colLayer0
            radius: root.popupRounding

@@ -290,3 +304,4 @@ Item { // Player instance
            }
        }
    }
+}