Improve button style

4 years ago · 944da16ce3
parent cc40ade66f
commit 944da16ce3
2 changed files with 6 additions and 2 deletions
--- a/qml/StandardButton.qml
+++ b/qml/StandardButton.qml
@ -30,12 +30,15 @@ Item {

    Rectangle {
        id: _background
-        anchors.fill: parent
+        anchors.centerIn: parent
+        radius: FishUI.Theme.smallRadius
+        width: control.width - radius
+        height: control.height - radius
        color: !flat ? _mouseArea.pressed ? pressedColor : _mouseArea.containsMouse
                                            ? hoveredColor : backgroundColor
                     : _mouseArea.pressed ? flatPressedBg : _mouseArea.containsMouse
                                                           ? flatHoveredBg : flatBg
-        opacity: !flat ? _mouseArea.pressed || _mouseArea.containsMouse ? 0.7 : 0.5 : 1.0
+        opacity: !flat ? _mouseArea.pressed || _mouseArea.containsMouse ? 0.6 : 0.7 : 1.0
    }

    MouseArea {
--- a/qml/StandardPad.qml
+++ b/qml/StandardPad.qml
@ -11,6 +11,7 @@ Item {
    GridLayout {
        id: _mainLayout
        anchors.fill: parent
+        anchors.margins: FishUI.Units.smallSpacing
        columnSpacing: 1
        rowSpacing: 1
        columns: 4