From 59e170cad2ecdb177f31f66ea4782f0b3bde50f4 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Wed, 28 Aug 2019 14:36:57 +0700
Subject: add backButton on PaswordForm

---
 pages/PasswordForm.ui.qml | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/pages/PasswordForm.ui.qml b/pages/PasswordForm.ui.qml
index 918c5ca..f3ee37b 100644
--- a/pages/PasswordForm.ui.qml
+++ b/pages/PasswordForm.ui.qml
@@ -21,18 +21,20 @@ Rectangle {
         anchors.left: parent.left
         anchors.leftMargin: 0
 
-        Rectangle {
-            id: navIconBg
-            width: 24
-            height: 24
-            anchors.left: parent.left
-            anchors.leftMargin: 16
+        Button {
+            id: backButton
             anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: 8
+            display: AbstractButton.IconOnly
+            icon.name: "back-icon"
+            icon.source: "/assets/arrow-back-24px.svg"
+            icon.color: "transparent"
 
-            Button {
-                id: backButton
-                display: AbstractButton.IconOnly
-                anchors.fill: parent
+            background: Rectangle {
+                opacity: enabled ? 1.0 : 0.3
+                color: backButton.down ? "#ddd" : "#fff"
+                radius: 6
             }
         }
     }
-- 
cgit v1.2.3