dashboard: better pfp picker

1 files changed, 12 insertions, 10 deletions

diff --git a/modules/dashboard/dash/User.qml b/modules/dashboard/dash/User.qml
index ffdc72a..acb5645 100644
--- a/modules/dashboard/dash/User.qml
+++ b/modules/dashboard/dash/User.qml
@@ -41,24 +41,17 @@ Row {
 
         MouseArea {
             anchors.fill: parent
-
-            cursorShape: Qt.PointingHandCursor
             hoverEnabled: true
 
-            onClicked: {
-                root.visibilities.launcher = false;
-                root.state.facePicker.open();
-            }
-
             StyledRect {
                 anchors.fill: parent
 
-                color: Qt.alpha(Colours.palette.m3primary, 0.1)
+                color: Qt.alpha(Colours.palette.m3scrim, 0.5)
                 opacity: parent.containsMouse ? 1 : 0
 
                 Behavior on opacity {
                     NumberAnimation {
-                        duration: Appearance.anim.durations.normal
+                        duration: Appearance.anim.durations.expressiveFastSpatial
                         easing.type: Easing.BezierSpline
                         easing.bezierCurve: Appearance.anim.curves.standard
                     }
@@ -76,6 +69,15 @@ Row {
                 scale: parent.containsMouse ? 1 : 0.5
                 opacity: parent.containsMouse ? 1 : 0
 
+                StateLayer {
+                    color: Colours.palette.m3onPrimary
+
+                    function onClicked(): void {
+                        root.visibilities.launcher = false;
+                        root.state.facePicker.open();
+                    }
+                }
+
                 MaterialIcon {
                     id: selectIcon
 
@@ -99,7 +101,7 @@ Row {
                     NumberAnimation {
                         duration: Appearance.anim.durations.expressiveFastSpatial
                         easing.type: Easing.BezierSpline
-                        easing.bezierCurve: Appearance.anim.curves.expressiveFastSpatial
+                        easing.bezierCurve: Appearance.anim.curves.standard
                     }
                 }
             }