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 {
}
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
implicitHeight: toggleBtnIcon.implicitHeight + Appearance.padding.normal * 2
@ -346,7 +346,10 @@ ColumnLayout {
}
Behavior on radius {
Anim {}
Anim {
duration: Appearance.anim.durations.expressiveFastSpatial
easing.bezierCurve: Appearance.anim.curves.expressiveFastSpatial
}
}
Behavior on Layout.preferredWidth {