diff options
| -rw-r--r-- | CheckoutFlickable.ui.qml | 303 |
1 files changed, 167 insertions, 136 deletions
diff --git a/CheckoutFlickable.ui.qml b/CheckoutFlickable.ui.qml index 4ede584..9332656 100644 --- a/CheckoutFlickable.ui.qml +++ b/CheckoutFlickable.ui.qml @@ -34,198 +34,229 @@ Flickable { Label { text: qsTr("Already have an account?") + font.pixelSize: 15 } Text { id: login - text: "<a href=\"sign-in.html\">Log in</a>" + text: "<a href=\"sign-in.html\">" + + qsTr("Log in") + "</a>" + font.pixelSize: 15 font.underline: false } } - GridLayout { - columns: width < 768 ? 1 : 2 - rows: width < 768 ? 4 : 7 - columnSpacing: 0 - rowSpacing: 0 + ColumnLayout { - ColumnLayout { - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Label { + text: qsTr("Personal Details") + font.pixelSize: 21 + Layout.fillWidth: true + } - Label { - text: qsTr("Your name *") - Layout.fillWidth: true - } + GridLayout { + columns: width < 768 ? 1 : 2 + rows: width < 768 ? 4 : 7 + columnSpacing: 0 + rowSpacing: 0 - TextField { - id: name - placeholderText: qsTr("Name") - Layout.fillWidth: true - } - } + ColumnLayout { + Layout.topMargin: 16 + Layout.leftMargin: 8 + Layout.rightMargin: 8 - ColumnLayout { - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Label { + text: qsTr("Your name *") + font.pixelSize: 15 + Layout.fillWidth: true + } - Label { - text: qsTr("Email address *") - Layout.fillWidth: true + TextField { + id: name + placeholderText: qsTr("Name") + font.pixelSize: 15 + Layout.fillWidth: true + } } - TextField { - id: email - placeholderText: qsTr("Email") - Layout.fillWidth: true - } - } + ColumnLayout { + Layout.topMargin: 16 + Layout.leftMargin: 8 + Layout.rightMargin: 8 - ColumnLayout { - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Label { + text: qsTr("Email address *") + font.pixelSize: 15 + Layout.fillWidth: true + } - Label { - text: qsTr("Mobile number *") - Layout.fillWidth: true + TextField { + id: email + placeholderText: qsTr("Email") + font.pixelSize: 15 + Layout.fillWidth: true + } } - TextField { - id: mobile - placeholderText: qsTr("Mobile number") - Layout.fillWidth: true - } - } + ColumnLayout { + Layout.topMargin: 16 + Layout.leftMargin: 8 + Layout.rightMargin: 8 - ColumnLayout { - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Label { + text: qsTr("Mobile number *") + font.pixelSize: 15 + Layout.fillWidth: true + } - Label { - text: qsTr("Select country *") - Layout.fillWidth: true + TextField { + id: mobile + placeholderText: qsTr("Mobile number") + font.pixelSize: 15 + Layout.fillWidth: true + } } - TextField { - id: country - placeholderText: qsTr("Select country") - Layout.fillWidth: true - } - } + ColumnLayout { + Layout.topMargin: 16 + Layout.leftMargin: 8 + Layout.rightMargin: 8 - ColumnLayout { - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Label { + text: qsTr("Select country *") + font.pixelSize: 15 + Layout.fillWidth: true + } - Label { - text: qsTr("Select state *") - Layout.fillWidth: true + TextField { + id: country + placeholderText: qsTr("Select country") + font.pixelSize: 15 + Layout.fillWidth: true + } } - TextField { - id: province - placeholderText: qsTr("Select state") - Layout.fillWidth: true - } - } + ColumnLayout { + Layout.topMargin: 16 + Layout.leftMargin: 8 + Layout.rightMargin: 8 - ColumnLayout { - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Label { + text: qsTr("Select state *") + font.pixelSize: 15 + Layout.fillWidth: true + } - Label { - text: qsTr("Postal code *") - Layout.fillWidth: true + TextField { + id: province + placeholderText: qsTr("Select state") + font.pixelSize: 15 + Layout.fillWidth: true + } } - TextField { - id: postal - placeholderText: qsTr("PIN code") - Layout.fillWidth: true - } - } + ColumnLayout { + Layout.topMargin: 16 + Layout.leftMargin: 8 + Layout.rightMargin: 8 - ColumnLayout { - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Label { + text: qsTr("Postal code *") + font.pixelSize: 15 + Layout.fillWidth: true + } - Label { - text: qsTr("Address *") - Layout.fillWidth: true + TextField { + id: postal + placeholderText: qsTr("PIN code") + font.pixelSize: 15 + Layout.fillWidth: true + } } - TextField { - id: address - placeholderText: qsTr("Address") - Layout.fillWidth: true - } - } - } + ColumnLayout { + Layout.topMargin: 16 + Layout.leftMargin: 8 + Layout.rightMargin: 8 - ColumnLayout { + Label { + text: qsTr("Address *") + font.pixelSize: 15 + Layout.fillWidth: true + } - Label { - text: qsTr("Payment method") - Layout.fillWidth: true + TextField { + id: address + placeholderText: qsTr("Address") + font.pixelSize: 15 + Layout.fillWidth: true + } + } } ColumnLayout { - Frame { + Label { + text: qsTr("Payment method") + font.pixelSize: 21 Layout.fillWidth: true - - ColumnLayout { - anchors.fill: parent - - Label { - text: qsTr("Credit or Debit Card") - Layout.fillWidth: true - } - } } - Frame { - Layout.fillWidth: true - - ColumnLayout { - anchors.fill: parent + ColumnLayout { - Label { - text: qsTr("Pay with Net Banking") - Layout.fillWidth: true - } + Frame { + Layout.fillWidth: true ColumnLayout { + anchors.fill: parent Label { - text: qsTr("In order to complete your transaction, we will transfer you over to Eduport secure servers.") + text: qsTr("Credit or Debit Card") + font.pixelSize: 15 Layout.fillWidth: true - wrapMode: Text.Wrap } + } + } + + Frame { + Layout.fillWidth: true + + ColumnLayout { + anchors.fill: parent Label { - text: qsTr("Select your bank from the drop-down list and click proceed to continue with your payment.") + text: qsTr("Pay with Net Banking") + font.pixelSize: 15 Layout.fillWidth: true - wrapMode: Text.Wrap } - ComboBox { - model: ListModel { - ListElement { - text: "Bank of America" - } - ListElement { - text: "Bank of India" - } - ListElement { - text: "Bank of London" + ColumnLayout { + + Label { + text: qsTr("In order to complete your transaction, we will transfer you over to Eduport secure servers.") + font.pixelSize: 15 + wrapMode: Text.Wrap + Layout.fillWidth: true + } + + Label { + text: qsTr("Select your bank from the drop-down list and click proceed to continue with your payment.") + font.pixelSize: 15 + wrapMode: Text.Wrap + Layout.fillWidth: true + } + + ComboBox { + model: ListModel { + ListElement { + text: "Bank of America" + } + ListElement { + text: "Bank of India" + } + ListElement { + text: "Bank of London" + } } } } |