qml: Adjust label color and add separators in RequestPayment

johnny9 · Dec 1, 2024 · be75072 · be75072
1 parent 7af2948
commit be75072
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 22 deletions.
diff --git a/src/qml/controls/LabeledTextInput.qml b/src/qml/controls/LabeledTextInput.qml
@@ -26,7 +26,7 @@ Item {
         anchors.verticalCenter: parent.verticalCenter
         horizontalAlignment: Text.AlignLeft
         width: 110
-        color: Theme.color.neutral7
+        color: Theme.color.neutral9
         font.pixelSize: 18
     }
 

diff --git a/src/qml/pages/wallet/RequestPayment.qml b/src/qml/pages/wallet/RequestPayment.qml
@@ -40,21 +40,7 @@ Page {
             id: columnLayout
             anchors.horizontalCenter: parent.horizontalCenter
             width: Math.min(parent.width, 450)
-            spacing: 30
-
-            CoreText {
-                Layout.alignment: Qt.AlignHCenter
-                text: qsTr("All fields are optional.")
-                color: Theme.color.neutral7
-                font.pixelSize: 15
-            }
-
-            LabeledTextInput {
-                id: label
-                Layout.fillWidth: true
-                labelText: qsTr("Label")
-                placeholderText: qsTr("Enter label...")
-            }
+            spacing: 5
 
             Item {
                 BitcoinAmount {
@@ -69,7 +55,7 @@ Page {
                     anchors.left: parent.left
                     anchors.verticalCenter: parent.verticalCenter
                     horizontalAlignment: Text.AlignLeft
-                    color: Theme.color.neutral7
+                    color: Theme.color.neutral9
                     text: "Amount"
                     font.pixelSize: 18
                 }
@@ -127,21 +113,39 @@ Page {
                 }
             }
 
+            Separator {
+                Layout.fillWidth: true
+            }
+
+            LabeledTextInput {
+                id: label
+                Layout.fillWidth: true
+                labelText: qsTr("Label")
+                placeholderText: qsTr("Enter label...")
+            }
+
+            Separator {
+                Layout.fillWidth: true
+            }
+
             LabeledTextInput {
                 id: message
                 Layout.fillWidth: true
                 labelText: qsTr("Message")
                 placeholderText: qsTr("Enter message...")
             }
 
+            Separator {
+                Layout.fillWidth: true
+            }
+
             ContinueButton {
                 id: continueButton
-                Layout.preferredWidth: Math.min(300, parent.width - 2 * Layout.leftMargin)
-                Layout.leftMargin: 20
-                Layout.rightMargin: 20
-                Layout.alignment: Qt.AlignCenter
-                text: qsTr("Continue")
+                Layout.fillWidth: true
+                Layout.topMargin: 30
+                text: qsTr("Create bitcoin address")
             }
+
         }
     }
 }