diff options
Diffstat (limited to 'features/EmailForm.ui.qml')
-rw-r--r-- | features/EmailForm.ui.qml | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/features/EmailForm.ui.qml b/features/EmailForm.ui.qml new file mode 100644 index 0000000..610d461 --- /dev/null +++ b/features/EmailForm.ui.qml @@ -0,0 +1,123 @@ +import QtQuick 2.12 +import QtQuick.Layouts 1.12 +import QtQuick.Controls 2.12 +import QtQuick.Controls.Material 2.12 + +Rectangle { + id: rectangle + color: "#fff" + border.width: 0 + + property alias backButton: backButton + property alias instructionLabel: instructionLabel + property alias emailTextField: emailTextField + property alias loginButton: loginButton + + ToolBar { + id: toolbar + height: 56 + 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" + } + + RowLayout { + anchors.fill: parent + spacing: 8 + + ToolButton { + id: backButton + icon.name: "back-icon" + icon.source: "/components/icons/arrow-back-24px.svg" + highlighted: true + } + } + } + + Label { + id: instructionLabel + x: 16 + y: 398 + color: "#2b2626" + text: qsTr("Sign up") + font.letterSpacing: 0.25 + lineHeight: 1 + font.weight: Font.Bold + wrapMode: Text.WordWrap + anchors.bottom: emailLayout.top + anchors.bottomMargin: 16 + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.right: parent.right + anchors.rightMargin: 88 + + font.family: "Google Sans" + font.pointSize: 34 + } + + RowLayout { + id: emailLayout + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + anchors.bottom: loginButton.top + anchors.bottomMargin: 16 + width: parent.width + height: 56 + spacing: 8 + + Image { + width: 24 + height: 24 + opacity: 0.54 + sourceSize.height: 24 + sourceSize.width: 24 + Layout.leftMargin: 16 + Layout.alignment: Qt.AlignVCenter + fillMode: Image.PreserveAspectFit + source: "/components/icons/email-24px.svg" + antialiasing: true + } + + TextField { + id: emailTextField + Layout.rightMargin: 16 + Layout.leftMargin: 24 + Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter + font.pointSize: 16 + font.family: "Google Sans" + Layout.fillWidth: true + placeholderText: qsTr("Email") + } + } + + RoundButton { + id: loginButton + text: qsTr("Next") + enabled: false + font.family: "Google Sans" + font.capitalization: Font.MixedCase + anchors.right: parent.right + anchors.rightMargin: 8 + anchors.bottom: parent.bottom + anchors.bottomMargin: 8 + anchors.left: parent.left + anchors.leftMargin: 8 + highlighted: true + Material.background: Material.primary + } +} + +/*##^## +Designer { + D{i:0;autoSize:true;height:480;width:640} +} +##^##*/ + |