From c8679cd187c0b273bb8cdd8b41e0d3f903d6e24f Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Sun, 15 Sep 2019 16:16:26 +0700 Subject: add email icon, change userEmail RowLayout --- pages/CreateProfileForm.ui.qml | 33 +++++++++++++++++++-------------- 1 file changed, 19 insertions(+), 14 deletions(-) (limited to 'pages/CreateProfileForm.ui.qml') 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} } - ##^##*/ +##^##*/ + -- cgit v1.2.3 From c236d2b1a98b9a7a1e6d3139f58e4bbcc394d7c6 Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Sun, 15 Sep 2019 16:49:38 +0700 Subject: add more field on CreateProfileForm --- pages/CreateProfileForm.ui.qml | 73 ++++++++++++++++++++++++++++++++++-------- 1 file changed, 59 insertions(+), 14 deletions(-) (limited to 'pages/CreateProfileForm.ui.qml') diff --git a/pages/CreateProfileForm.ui.qml b/pages/CreateProfileForm.ui.qml index 5f0040c..c67f10e 100644 --- a/pages/CreateProfileForm.ui.qml +++ b/pages/CreateProfileForm.ui.qml @@ -64,7 +64,7 @@ Rectangle { RowLayout { id: userEmail height: 56 - anchors.top: profilePicture.bottom + anchors.top: usernameRowLayout.bottom anchors.topMargin: 16 anchors.right: parent.right anchors.rightMargin: 16 @@ -73,38 +73,84 @@ Rectangle { spacing: 8 Image { - id: emailIcon width: 24 height: 24 + Layout.leftMargin: 0 Layout.alignment: Qt.AlignVCenter fillMode: Image.PreserveAspectFit source: "../assets/email-24px.svg" + antialiasing: true } Label { id: emailAddressLabel - + Layout.fillWidth: true text: qsTr("your@email.com") + Layout.leftMargin: 24 verticalAlignment: Text.AlignVCenter font.family: "Google Sans" font.pointSize: 16 color: "#99000000" } } + RowLayout { + id: fullnameRowLayout + height: 56 + anchors.top: profilePicture.bottom + anchors.topMargin: 32 + anchors.right: parent.right + anchors.rightMargin: 16 + anchors.left: parent.left + anchors.leftMargin: 16 - TextField { - id: enterFullName - anchors.top: userEmail.bottom - anchors.topMargin: 16 - font.pointSize: 16 - font.family: "Google Sans" - Layout.fillWidth: true - placeholderText: qsTr("Full name") + Image { + width: 24 + height: 24 + Layout.leftMargin: 0 + Layout.alignment: Qt.AlignVCenter + fillMode: Image.PreserveAspectFit + source: "../assets/profile-24px.svg" + antialiasing: true + } + + TextField { + id: enterFullName + Layout.leftMargin: 24 + font.pointSize: 16 + font.family: "Google Sans" + Layout.fillWidth: true + placeholderText: qsTr("Full name") + Layout.alignment: Qt.AlignVCenter + } + } + RowLayout { + id: usernameRowLayout + height: 56 anchors.right: parent.right anchors.rightMargin: 16 anchors.left: parent.left anchors.leftMargin: 16 - Layout.maximumHeight: 56 + anchors.top: fullnameRowLayout.bottom + anchors.topMargin: 16 + + Image { + width: 24 + height: 24 + Layout.leftMargin: 0 + Layout.alignment: Qt.AlignVCenter + fillMode: Image.PreserveAspectFit + source: "../assets/user-24px.svg" + antialiasing: true + } + + TextField { + Layout.leftMargin: 24 + font.pointSize: 16 + font.family: "Google Sans" + Layout.fillWidth: true + placeholderText: qsTr("Username") + Layout.alignment: Qt.AlignVCenter + } } RoundButton { @@ -149,8 +195,7 @@ Rectangle { /*##^## 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} + D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640} } ##^##*/ -- cgit v1.2.3 From 9e801c23c694ec03223593fd5dba627c3a9e6982 Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Sun, 15 Sep 2019 17:33:11 +0700 Subject: fix Layout --- pages/CreateProfileForm.ui.qml | 30 +++++++++++++----------------- 1 file changed, 13 insertions(+), 17 deletions(-) (limited to 'pages/CreateProfileForm.ui.qml') diff --git a/pages/CreateProfileForm.ui.qml b/pages/CreateProfileForm.ui.qml index c67f10e..45087e1 100644 --- a/pages/CreateProfileForm.ui.qml +++ b/pages/CreateProfileForm.ui.qml @@ -64,18 +64,15 @@ Rectangle { RowLayout { id: userEmail height: 56 + anchors.horizontalCenter: parent.horizontalCenter anchors.top: usernameRowLayout.bottom - anchors.topMargin: 16 - anchors.right: parent.right - anchors.rightMargin: 16 - anchors.left: parent.left - anchors.leftMargin: 16 + width: parent.width spacing: 8 Image { width: 24 height: 24 - Layout.leftMargin: 0 + Layout.leftMargin: 16 Layout.alignment: Qt.AlignVCenter fillMode: Image.PreserveAspectFit source: "../assets/email-24px.svg" @@ -86,6 +83,7 @@ Rectangle { id: emailAddressLabel Layout.fillWidth: true text: qsTr("your@email.com") + Layout.rightMargin: 16 Layout.leftMargin: 24 verticalAlignment: Text.AlignVCenter font.family: "Google Sans" @@ -96,17 +94,14 @@ Rectangle { RowLayout { id: fullnameRowLayout height: 56 + anchors.horizontalCenter: parent.horizontalCenter anchors.top: profilePicture.bottom anchors.topMargin: 32 - anchors.right: parent.right - anchors.rightMargin: 16 - anchors.left: parent.left - anchors.leftMargin: 16 - + width: parent.width Image { width: 24 height: 24 - Layout.leftMargin: 0 + Layout.leftMargin: 16 Layout.alignment: Qt.AlignVCenter fillMode: Image.PreserveAspectFit source: "../assets/profile-24px.svg" @@ -115,6 +110,7 @@ Rectangle { TextField { id: enterFullName + Layout.rightMargin: 16 Layout.leftMargin: 24 font.pointSize: 16 font.family: "Google Sans" @@ -126,17 +122,16 @@ Rectangle { RowLayout { id: usernameRowLayout height: 56 - anchors.right: parent.right - anchors.rightMargin: 16 - anchors.left: parent.left - anchors.leftMargin: 16 + anchors.horizontalCenter: parent.horizontalCenter + width: parent.width + Layout.alignment: Qt.AlignVCenter anchors.top: fullnameRowLayout.bottom anchors.topMargin: 16 Image { width: 24 height: 24 - Layout.leftMargin: 0 + Layout.leftMargin: 16 Layout.alignment: Qt.AlignVCenter fillMode: Image.PreserveAspectFit source: "../assets/user-24px.svg" @@ -144,6 +139,7 @@ Rectangle { } TextField { + Layout.rightMargin: 16 Layout.leftMargin: 24 font.pointSize: 16 font.family: "Google Sans" -- cgit v1.2.3