Added UI skeleton for BMS settings screen

2022-08-18 07:06:37 +03:00
parent 4a5a0bcb3a
commit eda44940d3
20 changed files with 814 additions and 40 deletions
--- a/qml/Controls/OutlineButton.qml
+++ b/qml/Controls/OutlineButton.qml
@@ -0,0 +1,31 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+
+import Utils 1.0
+
+Button {
+    id: control
+
+    contentItem: Text {
+        text: control.text
+        font.pixelSize: 16
+        font.weight: Font.ExtraBold
+        opacity: enabled ? 1.0 : 0.3
+        color: control.hovered ? Palette.alternativeTextColor : Palette.textColor
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        elide: Text.ElideRight
+    }
+
+    background: Rectangle {
+        implicitWidth: 200
+        implicitHeight: 52
+        opacity: enabled ? 1 : 0.3
+        color: control.pressed ? Palette.pressedButtonColor :
+                                 control.hovered ? Palette.hoveredButtonColor : Palette.outlineButtonColor
+        border.color: control.pressed ? Palette.pressedButtonColor :
+                                        control.hovered ? Palette.hoveredButtonColor : Palette.buttonColor
+        border.width: 1
+        radius: 5
+    }
+}