change ws indicator style

This commit is contained in:
lucy 2026-02-09 20:34:31 +01:00
parent cdd21601a0
commit 7e92f58011

View File

@ -8,6 +8,14 @@ import qs.reusables
Rectangle { Rectangle {
id: root id: root
Behavior on width {
NumberAnimation {
duration: 200
easing.type: Easing.BezierSpline
easing.bezierCurve: [0.34, 0.80, 0.34, 1.00, 1, 1]
}
}
color: Colors.surfaceContainer color: Colors.surfaceContainer
implicitWidth: workspaceRow.implicitWidth + 20 implicitWidth: workspaceRow.implicitWidth + 20
@ -38,9 +46,17 @@ Rectangle {
} }
required property var modelData required property var modelData
width: isOnMon ? Settings.config.barHeight - Settings.config.barHeight / 2 : 0 width: modelData.focused ? 40 : 20
height: isOnMon ? Settings.config.barHeight - Settings.config.barHeight / 2 : 0 height: isOnMon ? Settings.config.barHeight - Settings.config.barHeight / 2 : 0
color: "transparent" color: modelData.focused ? Colors.primary : Colors.surfaceContainerHigh
Behavior on width {
NumberAnimation {
duration: 200
easing.type: Easing.BezierSpline
easing.bezierCurve: [0.34, 0.80, 0.34, 1.00, 1, 1]
}
}
CustomText { CustomText {
anchors.centerIn: workspaceNumber anchors.centerIn: workspaceNumber