diff options
author | Anatasof Wirapraja <anatasof.wirapraja@gmail.com> | 2019-08-28 12:00:45 +0700 |
---|---|---|
committer | Anatasof Wirapraja <anatasof.wirapraja@gmail.com> | 2019-08-28 12:00:45 +0700 |
commit | beaedd73210f488de40d649870f56a1b0227bded (patch) | |
tree | 13b2b4297fc306ccaf3ae3ac1844450e7cb1c58b | |
parent | 8a902de80ab8d5f90cf044220a5403e2f6554115 (diff) |
add navigation to EmailForm
-rw-r--r-- | assets/arrow-back-24px.svg | 1 | ||||
-rw-r--r-- | kelakon.qrc | 5 | ||||
-rw-r--r-- | pages/EmailForm.ui.qml | 32 |
3 files changed, 35 insertions, 3 deletions
diff --git a/assets/arrow-back-24px.svg b/assets/arrow-back-24px.svg new file mode 100644 index 0000000..9d5f05f --- /dev/null +++ b/assets/arrow-back-24px.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
\ No newline at end of file diff --git a/kelakon.qrc b/kelakon.qrc index a7e39c6..249abd8 100644 --- a/kelakon.qrc +++ b/kelakon.qrc @@ -5,7 +5,8 @@ <file>LoginForm.ui.qml</file> <file>kelakon-logo.png</file> <file>onboarding-1.png</file> - <file>pages/Email.qml</file> - <file>pages/EmailForm.ui.qml</file> + <file>pages/Email.qml</file> + <file>pages/EmailForm.ui.qml</file> + <file>assets/arrow-back-24px.svg</file> </qresource> </RCC> diff --git a/pages/EmailForm.ui.qml b/pages/EmailForm.ui.qml index 1525606..44de952 100644 --- a/pages/EmailForm.ui.qml +++ b/pages/EmailForm.ui.qml @@ -11,6 +11,35 @@ Rectangle { property alias emailTextField: emailTextField property alias loginButton: loginButton + + Rectangle { + id: appBar + height: 56 + color: "#ffffff" + anchors.top: parent.top + anchors.topMargin: 0 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + + Rectangle { + id: navIconBg + width: 24 + height: 24 + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.verticalCenter: parent.verticalCenter + + Image { + id: image + anchors.fill: parent + source: "../assets/arrow-back-24px.svg" + fillMode: Image.PreserveAspectFit + } + } + } + Label { x: 16 y: 398 @@ -87,7 +116,8 @@ Rectangle { + /*##^## Designer { - D{i:2;anchors_x:16} + D{i:3;anchors_height:100;anchors_width:100}D{i:2;anchors_height:24;anchors_width:24} } ##^##*/ |