controlcenter/bt: better styling

Less width when toggle buttons pressed
Use expressive anim
This commit is contained in:
2 * r + 2 * t 2025-08-06 14:42:48 +10:00
parent 26171548bf
commit 33501ae7e5

View file

@ -296,7 +296,7 @@ ColumnLayout {
function onClicked(): void { function onClicked(): void {
} }
Layout.preferredWidth: implicitWidth + (toggleStateLayer.pressed ? Appearance.padding.larger * 2 : toggled ? Appearance.padding.small * 2 : 0) Layout.preferredWidth: implicitWidth + (toggleStateLayer.pressed ? Appearance.padding.normal * 2 : toggled ? Appearance.padding.small * 2 : 0)
implicitWidth: toggleBtnInner.implicitWidth + Appearance.padding.large * 2 implicitWidth: toggleBtnInner.implicitWidth + Appearance.padding.large * 2
implicitHeight: toggleBtnIcon.implicitHeight + Appearance.padding.normal * 2 implicitHeight: toggleBtnIcon.implicitHeight + Appearance.padding.normal * 2
@ -346,7 +346,10 @@ ColumnLayout {
} }
Behavior on radius { Behavior on radius {
Anim {} Anim {
duration: Appearance.anim.durations.expressiveFastSpatial
easing.bezierCurve: Appearance.anim.curves.expressiveFastSpatial
}
} }
Behavior on Layout.preferredWidth { Behavior on Layout.preferredWidth {