From 6e61230baf9d7973bdd588ee97a10aa9bc75be82 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Tue, 3 Sep 2019 16:25:16 +0700
Subject: use toolbar for EmailForm.ui, ExistingLoginForm.ui, PasswordForm.ui,
 ConfirmPasswordForm.ui

---
 pages/EmailForm.ui.qml | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

(limited to 'pages/EmailForm.ui.qml')

diff --git a/pages/EmailForm.ui.qml b/pages/EmailForm.ui.qml
index 969dcaa..f05fe96 100644
--- a/pages/EmailForm.ui.qml
+++ b/pages/EmailForm.ui.qml
@@ -12,28 +12,33 @@ Rectangle {
     property alias emailTextField: emailTextField
     property alias loginButton: loginButton
 
-    Rectangle {
-        id: appBar
+    ToolBar {
+        id: toolbar
         height: 56
-        color: "#ffffff"
+        font.family: "Google Sans"
         anchors.top: parent.top
         anchors.topMargin: 0
         anchors.right: parent.right
         anchors.rightMargin: 0
         anchors.left: parent.left
         anchors.leftMargin: 0
+        background: Rectangle {
+            color: "#FFF"
+        }
 
-        RoundButton {
-            id: backButton
-            flat: true
-            anchors.verticalCenter: parent.verticalCenter
-            anchors.left: parent.left
-            display: AbstractButton.IconOnly
-            icon.name: "back-icon"
-            icon.source: "/assets/arrow-back-24px.svg"
-            icon.color: "transparent"
+        RowLayout {
+            anchors.fill: parent
+            spacing: 8
+
+            ToolButton {
+                id: backButton
+                icon.name: "back-icon"
+                icon.source: "/assets/arrow-back-24px.svg"
+                highlighted: true
+            }
         }
     }
+
     Label {
         x: 16
         y: 398
-- 
cgit v1.2.3