username text form

2 files changed, 39 insertions, 0 deletions

diff --git a/pages/Username.qml b/pages/Username.qml
new file mode 100644
index 0000000..c523226
--- /dev/null
+++ b/pages/Username.qml
@@ -0,0 +1,4 @@
+import QtQuick 2.4
+
+UsernameForm {
+}
diff --git a/pages/UsernameForm.ui.qml b/pages/UsernameForm.ui.qml
new file mode 100644
index 0000000..3771959
--- /dev/null
+++ b/pages/UsernameForm.ui.qml
@@ -0,0 +1,35 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Layouts 1.12
+
+RowLayout {
+
+    id: userName
+    width: fillWidth
+    height: 54
+    anchors.topMargin: 8
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    spacing: 16
+
+    Image {
+        id: icon
+        width: 24
+        height: 24
+        Layout.leftMargin: 16
+        Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+        fillMode: Image.PreserveAspectFit
+        source: "../assets/user-24px.svg"
+    }
+
+    TextField {
+        id: textField
+        Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+        font.pointSize: 16
+        font.family: "Google Sans"
+        Layout.fillWidth: true
+        placeholderText: qsTr("Username")
+    }
+}