diff options
Diffstat (limited to 'modules/dashboard')
| -rw-r--r-- | modules/dashboard/Media.qml | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/modules/dashboard/Media.qml b/modules/dashboard/Media.qml index 7b1bf2b..30c629a 100644 --- a/modules/dashboard/Media.qml +++ b/modules/dashboard/Media.qml @@ -62,10 +62,13 @@ Item { readonly property real centerY: height / 2 readonly property real innerX: cover.implicitWidth / 2 + Appearance.spacing.small readonly property real innerY: cover.implicitHeight / 2 + Appearance.spacing.small + property color colour: Colours.palette.m3primary anchors.fill: cover anchors.margins: -DashboardConfig.sizes.mediaVisualiserSize + onColourChanged: requestPaint() + onPaint: { const ctx = getContext("2d"); ctx.reset(); @@ -73,7 +76,7 @@ Item { const values = root.cava; const len = values.length; - ctx.strokeStyle = Colours.palette.m3primary; + ctx.strokeStyle = colour; ctx.lineWidth = 360 / len - Appearance.spacing.small / 4; ctx.lineCap = "round"; @@ -97,6 +100,14 @@ Item { ctx.stroke(); } + + Behavior on colour { + ColorAnimation { + duration: Appearance.anim.durations.normal + easing.type: Easing.BezierSpline + easing.bezierCurve: Appearance.anim.curves.standard + } + } } StyledClippingRect { |