stronger vibec0re hover glow: thicker border, pulsing accent fill

This commit is contained in:
Damocles 2026-04-16 00:51:53 +02:00
parent 0ff19a7b84
commit c81cddc38f

View file

@ -85,17 +85,23 @@ Item {
} }
} }
// Visible border glow on hover only // Visible border
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
color: "transparent" color: "transparent"
border.color: root.borderColor border.color: root.borderColor
border.width: 1 border.width: root._hovered ? 2 : 1
topLeftRadius: root._tlr topLeftRadius: root._tlr
topRightRadius: root._trr topRightRadius: root._trr
bottomLeftRadius: root._blr bottomLeftRadius: root._blr
bottomRightRadius: root._brr bottomRightRadius: root._brr
Behavior on border.width {
NumberAnimation {
duration: 120
}
}
layer.enabled: root._hovered layer.enabled: root._hovered
layer.effect: MultiEffect { layer.effect: MultiEffect {
shadowEnabled: true shadowEnabled: true
@ -106,6 +112,33 @@ Item {
} }
} }
// Pulsing accent fill hover glow breath
Rectangle {
anchors.fill: parent
topLeftRadius: root._tlr
topRightRadius: root._trr
bottomLeftRadius: root._blr
bottomRightRadius: root._brr
color: Qt.rgba(root.borderColor.r, root.borderColor.g, root.borderColor.b, _pulse)
visible: root._hovered
property real _pulse: 0.08
SequentialAnimation on _pulse {
running: root._hovered
loops: Animation.Infinite
NumberAnimation {
to: 0.22
duration: 700
easing.type: Easing.InOutSine
}
NumberAnimation {
to: 0.06
duration: 700
easing.type: Easing.InOutSine
}
}
}
Row { Row {
id: row id: row
property color accentColor: root.borderColor property color accentColor: root.borderColor