57 lines
1.5 KiB
QML
57 lines
1.5 KiB
QML
import qs.config
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
|
|
RoundButton {
|
|
id: control
|
|
|
|
property alias border: rect.border
|
|
property color color: hovered ? Styling.theme.primarycontent : Styling.theme.basecontent
|
|
property int rotation: 0
|
|
|
|
font.family: Styling.lucide.font.family
|
|
font.pixelSize: 16
|
|
radius: Styling.theme.radiusField
|
|
padding: 8
|
|
|
|
HoverHandler {
|
|
cursorShape: Qt.PointingHandCursor
|
|
}
|
|
|
|
contentItem: Text {
|
|
id: icon
|
|
font: control.font
|
|
text: control.text
|
|
color: control.color
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: Styling.animations.speed.normal
|
|
}
|
|
}
|
|
rotation: control.rotation
|
|
Behavior on rotation {
|
|
RotationAnimation {
|
|
duration: Styling.animations.speed.slow
|
|
easing.type: Easing.OutQuad
|
|
}
|
|
}
|
|
}
|
|
|
|
background: Rectangle {
|
|
id: rect
|
|
border.color: control.hovered ? Styling.theme.base300 : Styling.theme.base200
|
|
Behavior on border.color {
|
|
ColorAnimation {
|
|
duration: Styling.animations.speed.normal
|
|
}
|
|
}
|
|
border.width: 0
|
|
color: control.hovered ? Styling.theme.primary : Styling.theme.base200
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: Styling.animations.speed.normal
|
|
}
|
|
}
|
|
radius: control.radius
|
|
}
|
|
}
|