diff options
| -rw-r--r-- | CheckoutFlickable.ui.qml | 195 |
1 files changed, 43 insertions, 152 deletions
diff --git a/CheckoutFlickable.ui.qml b/CheckoutFlickable.ui.qml index aa0d486..902a6a4 100644 --- a/CheckoutFlickable.ui.qml +++ b/CheckoutFlickable.ui.qml @@ -12,6 +12,7 @@ Flickable { property alias checkoutState: province property alias checkoutPostal: postal property alias checkoutAddress: address + property alias checkoutBanks: banks property alias checkoutPlaceOrder: placeOrder property alias checkoutPremium: premium contentHeight: body.height @@ -76,31 +77,15 @@ Flickable { Label { text: qsTr("Your name *") - font.pixelSize: 12 - font.family: "roboto" + font.pixelSize: 15 Layout.fillWidth: true } - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 + TextField { + id: name + placeholderText: qsTr("Name") + font.pixelSize: 15 Layout.fillWidth: true - RowLayout { - anchors.fill: parent - TextField { - id: name - placeholderText: qsTr("Name") - font.pixelSize: 16 - font.family: "roboto" - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } } } @@ -111,31 +96,15 @@ Flickable { Label { text: qsTr("Email address *") - font.pixelSize: 12 - font.family: "roboto" + font.pixelSize: 15 Layout.fillWidth: true } - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 + TextField { + id: email + placeholderText: qsTr("Email") + font.pixelSize: 15 Layout.fillWidth: true - RowLayout { - anchors.fill: parent - TextField { - id: email - placeholderText: qsTr("Email") - font.pixelSize: 16 - font.family: "roboto" - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } } } @@ -146,31 +115,15 @@ Flickable { Label { text: qsTr("Mobile number *") - font.pixelSize: 12 - font.family: "roboto" + font.pixelSize: 15 Layout.fillWidth: true } - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 + TextField { + id: mobile + placeholderText: qsTr("Mobile number") + font.pixelSize: 15 Layout.fillWidth: true - RowLayout { - anchors.fill: parent - TextField { - id: mobile - placeholderText: qsTr("Mobile number") - font.pixelSize: 16 - font.family: "roboto" - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } } } @@ -181,30 +134,15 @@ Flickable { Label { text: qsTr("Select country *") - font.pixelSize: 12 - font.family: "roboto" + font.pixelSize: 15 Layout.fillWidth: true } - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 + + TextField { + id: country + placeholderText: qsTr("Select country") + font.pixelSize: 15 Layout.fillWidth: true - RowLayout { - anchors.fill: parent - TextField { - id: country - placeholderText: qsTr("Select country") - font.pixelSize: 16 - font.family: "roboto" - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } } } @@ -215,31 +153,15 @@ Flickable { Label { text: qsTr("Select state *") - font.pixelSize: 12 - font.family: "roboto" + font.pixelSize: 15 Layout.fillWidth: true } - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 + TextField { + id: province + placeholderText: qsTr("Select state") + font.pixelSize: 15 Layout.fillWidth: true - RowLayout { - anchors.fill: parent - TextField { - id: province - placeholderText: qsTr("Select state") - font.pixelSize: 16 - font.family: "roboto" - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } } } @@ -250,31 +172,15 @@ Flickable { Label { text: qsTr("Postal code *") - font.pixelSize: 12 - font.family: "roboto" + font.pixelSize: 15 Layout.fillWidth: true } - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 + TextField { + id: postal + placeholderText: qsTr("PIN code") + font.pixelSize: 15 Layout.fillWidth: true - RowLayout { - anchors.fill: parent - TextField { - id: postal - placeholderText: qsTr("PIN code") - font.pixelSize: 16 - font.family: "roboto" - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } } } @@ -285,31 +191,15 @@ Flickable { Label { text: qsTr("Address *") - font.pixelSize: 12 - font.family: "roboto" + font.pixelSize: 15 Layout.fillWidth: true } - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 + TextField { + id: address + placeholderText: qsTr("Address") + font.pixelSize: 15 Layout.fillWidth: true - RowLayout { - anchors.fill: parent - TextField { - id: address - placeholderText: qsTr("Address") - font.pixelSize: 16 - font.family: "roboto" - Layout.fillWidth: true - Layout.fillHeight: true - background: Rectangle { - color: "transparent" - } - } - } } } } @@ -367,24 +257,25 @@ Flickable { } ComboBox { + id: banks font.pixelSize: 15 model: ListModel { ListElement { - text: "Please choose one" + label: "Please choose one" } ListElement { - text: "Bank of America" + label: "Bank of America" } ListElement { - text: "Bank of India" + label: "Bank of India" } ListElement { - text: "Bank of London" + label: "Bank of London" } } delegate: ItemDelegate { contentItem: Text { - text: modelData + text: label font.pixelSize: 14 } } |