rework on loginButton and laterButton

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
+        }
     }
 }