diff options
| -rw-r--r-- | assets/email-24px.svg | 1 | ||||
| -rw-r--r-- | kelakon.qrc | 1 | ||||
| -rw-r--r-- | pages/CreateProfileForm.ui.qml | 33 |
3 files changed, 21 insertions, 14 deletions
diff --git a/assets/email-24px.svg b/assets/email-24px.svg new file mode 100644 index 0000000..1ed4686 --- /dev/null +++ b/assets/email-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="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>
\ No newline at end of file diff --git a/kelakon.qrc b/kelakon.qrc index 901d3f0..2aa971b 100644 --- a/kelakon.qrc +++ b/kelakon.qrc @@ -30,5 +30,6 @@ <file>pages/Username.qml</file> <file>pages/UsernameForm.ui.qml</file> <file>assets/user-24px.svg</file> + <file>assets/email-24px.svg</file> </qresource> </RCC> diff --git a/pages/CreateProfileForm.ui.qml b/pages/CreateProfileForm.ui.qml index 76f0da9..5f0040c 100644 --- a/pages/CreateProfileForm.ui.qml +++ b/pages/CreateProfileForm.ui.qml @@ -61,25 +61,31 @@ Rectangle { } } } - Rectangle { + RowLayout { id: userEmail - height: 48 + height: 56 anchors.top: profilePicture.bottom anchors.topMargin: 16 anchors.right: parent.right anchors.rightMargin: 16 anchors.left: parent.left anchors.leftMargin: 16 + spacing: 8 + + Image { + id: emailIcon + width: 24 + height: 24 + Layout.alignment: Qt.AlignVCenter + fillMode: Image.PreserveAspectFit + source: "../assets/email-24px.svg" + } Label { id: emailAddressLabel - anchors.right: parent.right - anchors.rightMargin: 16 - anchors.left: parent.left - anchors.leftMargin: 16 - anchors.verticalCenter: parent.verticalCenter text: qsTr("your@email.com") + verticalAlignment: Text.AlignVCenter font.family: "Google Sans" font.pointSize: 16 color: "#99000000" @@ -141,11 +147,10 @@ Rectangle { } } - - - -/*##^## Designer { - D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640}D{i:7;anchors_height:48;anchors_y:143} -D{i:9;anchors_y:322}D{i:11;anchors_y:54} +/*##^## +Designer { + D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640}D{i:10;anchors_y:322} +D{i:12;anchors_y:54} } - ##^##*/ +##^##*/ + |
