- Refactored TimerPage component to improve layout and user experience. - Updated theme configuration to utilize design tokens for better maintainability. - Introduced new tokens for colors and typography to align with design principles. - Simplified state management and improved timer functionality. - Enhanced accessibility and responsiveness of UI elements.
29 lines
775 B
QML
29 lines
775 B
QML
// The filled button: one per view, painted explicitly so no style can lose it.
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
|
|
import ".."
|
|
|
|
Button {
|
|
id: control
|
|
implicitHeight: 34
|
|
leftPadding: 16
|
|
rightPadding: 16
|
|
|
|
background: Rectangle {
|
|
radius: 8
|
|
color: control.enabled ? Theme.ember : Theme.rule
|
|
opacity: control.pressed ? 0.82 : (control.hovered ? 0.92 : 1)
|
|
Behavior on opacity { NumberAnimation { duration: 110 } }
|
|
}
|
|
contentItem: Label {
|
|
text: control.text
|
|
color: control.enabled ? "white" : Theme.faint
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
font.family: Theme.sansFamily
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
}
|
|
}
|