From 2c173a7e9576094af2f478ad3a5ad2a358933ad0 Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Wed, 21 Aug 2019 18:21:08 +0700 Subject: customize Label --- LoginForm.ui.qml | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) (limited to 'LoginForm.ui.qml') diff --git a/LoginForm.ui.qml b/LoginForm.ui.qml index 2171182..198429d 100644 --- a/LoginForm.ui.qml +++ b/LoginForm.ui.qml @@ -7,17 +7,19 @@ Rectangle { width: 360 height: 640 color: "#ffffff" - property alias emailButton: emailButton property alias googleButton: googleButton - border.width: 0 + property alias emailButton: emailButton Label { - x: 124 - y: 158 - width: 74 - height: 28 text: qsTr("kelakon") - font.pointSize: 16 + font.family: "Google Sans" + font.pointSize: 24 + color: "#000000" + + verticalAlignment: Text.AlignVCenter + horizontalAlignment: Text.AlignHCenter + anchors.top: parent.top + anchors.topMargin: 16 anchors.horizontalCenterOffset: 0 anchors.horizontalCenter: parent.horizontalCenter } -- cgit v1.2.3 From 950b77e4207159f7607f5103f4d1c138136b9802 Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Wed, 21 Aug 2019 18:21:41 +0700 Subject: Customized emailButton --- LoginForm.ui.qml | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) (limited to 'LoginForm.ui.qml') diff --git a/LoginForm.ui.qml b/LoginForm.ui.qml index 198429d..a5fd76e 100644 --- a/LoginForm.ui.qml +++ b/LoginForm.ui.qml @@ -35,22 +35,31 @@ Rectangle { Button { id: googleButton + text: qsTr("Button") y: 419 height: 36 - text: qsTr("Continue with Google") - font.weight: Font.Medium - padding: 8 - bottomPadding: 8 - topPadding: 8 + anchors.right: parent.right anchors.rightMargin: 16 anchors.left: parent.left anchors.leftMargin: 16 - font.pointSize: 14 - display: AbstractButton.TextBesideIcon - spacing: 4 anchors.bottomMargin: 16 anchors.bottom: emailButton.top + + contentItem: Text { + color: "#FFF" + font: control.font + text: "Continue with Google" + font.pointSize: 14 + font.family: "Google Sans" + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + elide: Text.ElideRight + } + background: Rectangle { + color: "#6d22e9" + radius: 6 + } } Button { -- cgit v1.2.3 From 61a58a636459890640cc46a1aa0b83a9d43d9479 Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Wed, 21 Aug 2019 18:22:48 +0700 Subject: Customize emailButton --- LoginForm.ui.qml | 32 ++++++++++++++++++++++---------- 1 file changed, 22 insertions(+), 10 deletions(-) (limited to 'LoginForm.ui.qml') diff --git a/LoginForm.ui.qml b/LoginForm.ui.qml index a5fd76e..c8a1695 100644 --- a/LoginForm.ui.qml +++ b/LoginForm.ui.qml @@ -64,22 +64,34 @@ Rectangle { Button { id: emailButton + text: qsTr("Button") x: 41 y: 516 height: 36 - text: qsTr("Continue with E-mail") - flat: false - font.weight: Font.Medium - font.bold: false - font.family: "Arial" - padding: 8 - anchors.bottom: textArea.top + + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.bottom: disclaimer.top anchors.bottomMargin: 16 anchors.right: parent.right anchors.rightMargin: 16 - font.pointSize: 14 - anchors.left: parent.left - anchors.leftMargin: 16 + + contentItem: Text { + color: "#6d22e9" + font: control.font + text: "Continue with E-Mail" + font.pointSize: 14 + font.family: "Google Sans" + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + elide: Text.ElideRight + } + background: Rectangle { + color: "#fff" + border.color: "#6d22e9" + border.width: 1 + radius: 6 + } } Text { -- cgit v1.2.3 From 5e6cf1cd8b1bb01369fa0cfeff4f9a6f3ad20bf0 Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Wed, 21 Aug 2019 18:23:28 +0700 Subject: change element id to disclaimer customize disclaimer --- LoginForm.ui.qml | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) (limited to 'LoginForm.ui.qml') diff --git a/LoginForm.ui.qml b/LoginForm.ui.qml index c8a1695..a796409 100644 --- a/LoginForm.ui.qml +++ b/LoginForm.ui.qml @@ -95,14 +95,18 @@ Rectangle { } Text { - id: element - x: 16 + id: disclaimer y: 597 - width: 328 height: 32 color: "#99000000" text: qsTr("By creating an account you agree to our Terms of Use and Privacy Policy.") - font.family: "Arial" + anchors.right: parent.right + anchors.rightMargin: 16 + anchors.left: parent.left + anchors.leftMargin: 16 + anchors.bottom: parent.bottom + anchors.bottomMargin: 16 + font.family: "Google Sans" verticalAlignment: Text.AlignVCenter horizontalAlignment: Text.AlignHCenter wrapMode: Text.WordWrap @@ -110,7 +114,10 @@ Rectangle { } } + + + /*##^## Designer { - D{i:1;anchors_x:124;anchors_y:158}D{i:5;anchors_height:32;anchors_width:328;anchors_x:16;anchors_y:597} + D{i:1;anchors_x:124;anchors_y:158} } ##^##*/ -- cgit v1.2.3