diff options
| -rw-r--r-- | features/LoginForm.ui.qml | 115 |
1 files changed, 111 insertions, 4 deletions
diff --git a/features/LoginForm.ui.qml b/features/LoginForm.ui.qml index 29f4902..446567d 100644 --- a/features/LoginForm.ui.qml +++ b/features/LoginForm.ui.qml @@ -5,19 +5,126 @@ import QtQuick.Controls.Material 2.12 Page { id: page - title: qsTr("Login") + title: qsTr("Log in") Text { id: pageTitle text: stackView.currentItem.title - anchors.bottom: parent.bottom - anchors.bottomMargin: 16 + verticalAlignment: Text.AlignVCenter + wrapMode: Text.WordWrap + anchors.right: parent.right + anchors.rightMargin: 88 + anchors.bottom: pageInstruction.top + anchors.bottomMargin: 8 anchors.left: parent.left anchors.leftMargin: 16 - font.pixelSize: 20 + font.pointSize: 14 font.family: "Work Sans" font.weight: Font.Medium } + Text { + id: pageInstruction + color: "#000000" + text: qsTr("Get sh** done today, chill tomorrow.") + verticalAlignment: Text.AlignVCenter + wrapMode: Text.WordWrap + anchors.right: parent.right + anchors.rightMargin: 88 + font.family: "Work Sans" + + font.pointSize: 24 + font.weight: Font.Bold + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.bottom: emailLayout.top + anchors.bottomMargin: 0 + } + RowLayout { + id: emailLayout + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + anchors.bottom: continueLayout.top + anchors.bottomMargin: 16 + spacing: 8 + height: 56 + + Image { + width: 24 + height: 24 + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + opacity: 0.54 + sourceSize.height: 24 + sourceSize.width: 24 + Layout.leftMargin: 16 + fillMode: Image.PreserveAspectFit + source: "../components/icons/email-24px.svg" + antialiasing: true + } + + TextField { + id: emailForm + topPadding: 16 + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + Layout.rightMargin: 16 + Layout.leftMargin: 8 + Layout.fillWidth: true + placeholderText: qsTr("Enter your email") + font.pointSize: 16 + font.family: "Work Sans" + color: "#000000" + } + } + RowLayout { + id: continueLayout + height: 80 + anchors.bottom: parent.bottom + anchors.bottomMargin: 0 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + + Text { + id: disclaimer + text: qsTr("By continuing, you are agree to our Terms of Use and Privacy Policy.") + Layout.rightMargin: 16 + Layout.leftMargin: 16 + font.family: "Roboto" + font.pointSize: 12 + color: "#FA000000" + wrapMode: Text.WordWrap + verticalAlignment: Text.AlignVCenter + rightPadding: 0 + leftPadding: 0 + Layout.alignment: Qt.AlignVCenter + Layout.fillWidth: true + } + + RoundButton { + id: continueButton + width: 72 + height: 72 + Layout.preferredHeight: 64 + Layout.preferredWidth: 64 + Layout.minimumHeight: 64 + Layout.minimumWidth: 64 + Layout.rightMargin: 16 + Layout.leftMargin: 16 + flat: false + rightPadding: 0 + leftPadding: 0 + bottomPadding: 0 + topPadding: 0 + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + Material.background: Material.primary + display: AbstractButton.IconOnly + icon.name: "arrow-forward-icon" + icon.source: "../components/icons/arrow-forward-24px.svg" + highlighted: true + } + } } /*##^## Designer { |