diff options
| -rw-r--r-- | pages/EmailForm.ui.qml | 65 |
1 files changed, 52 insertions, 13 deletions
diff --git a/pages/EmailForm.ui.qml b/pages/EmailForm.ui.qml index 498aa6a..3208096 100644 --- a/pages/EmailForm.ui.qml +++ b/pages/EmailForm.ui.qml @@ -3,12 +3,13 @@ import QtQuick.Layouts 1.3 import QtQuick.Controls 2.12 Rectangle { + id: rectangle width: 363 height: 628 - color: "#f44236" + color: "#fff" border.width: 0 - property alias phoneTextField: phoneTextField + property alias emailTextField: emailTextField property alias passwordTextField: passwordTextField property alias loginButton: loginButton property alias laterButton: laterButton @@ -36,7 +37,7 @@ Rectangle { } TextField { - id: phoneTextField + id: emailTextField width: 303 Layout.fillWidth: true placeholderText: "812345678" @@ -58,24 +59,62 @@ Rectangle { Button { id: loginButton x: 34 - y: 525 + y: 278 width: 296 - height: 57 + height: 36 text: qsTr("Masuk") - anchors.bottomMargin: -2 + anchors.right: parent.right + anchors.rightMargin: 16 anchors.bottom: laterButton.top - anchors.horizontalCenterOffset: 0 - anchors.horizontalCenter: parent.horizontalCenter + anchors.bottomMargin: 16 + anchors.left: parent.left + anchors.leftMargin: 16 + + contentItem: Text { + text: loginButton.text + color: "#FFF" + font.pointSize: 14 + font.family: "Google Sans" + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + elide: Text.ElideRight + } + + background: Rectangle { + opacity: enabled ? 1.0 : 0.3 + color: laterButton.down ? "#6d22e9" : "#4F12DA" + radius: 6 + } } Button { id: laterButton - x: 41 - y: 580 - text: qsTr("NANTI SAJA") + x: 16 + y: 566 + height: 36 + text: qsTr("Nanti saja") + anchors.right: parent.right + anchors.rightMargin: 16 anchors.bottom: parent.bottom - anchors.bottomMargin: 0 + anchors.bottomMargin: 16 anchors.left: parent.left - anchors.leftMargin: 41 + anchors.leftMargin: 16 + + contentItem: Text { + text: laterButton.text + color: "#6d22e9" + font.pointSize: 14 + font.family: "Google Sans" + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + elide: Text.ElideRight + } + background: Rectangle { + opacity: enabled ? 0.3 : 1.0 + color: laterButton.down ? "#6d22e9" : "#fff" + border.color: "#6d22e9" + border.width: 1 + radius: 6 + } } } |