summaryrefslogtreecommitdiff
path: root/LoginForm.ui.qml
blob: 41bde4b533bbbaa14b673eada3decb71ca02c6f9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
import QtQuick 2.12
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.12

Rectangle {
    id: rectangle
    width: 360
    height: 640
    color: "#ffffff"
    property alias googleButton: googleButton
    property alias emailButton: emailButton

    ColumnLayout {
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        anchors.bottom: disclaimer.top
        anchors.bottomMargin: 16
        spacing: 16

        Button {
            id: googleButton
            text: qsTr("Continue with Google")
            height: 36
            Layout.fillWidth: true

            contentItem: Text {
                text: googleButton.text
                color: "#FFF"
                font.pointSize: 14
                font.family: "Google Sans"
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                elide: Text.ElideRight
            }
            background: Rectangle {
                opacity: enabled ? 1.0 : 0.3
                color: googleButton.down ? "#6d22e9" : "#4F12DA"
                radius: 6
            }
        }

        Button {
            id: emailButton
            text: qsTr("Continue with E-Mail")
            height: 36
            Layout.fillWidth: true

            contentItem: Text {
                text: emailButton.text
                color: "#6d22e9"
                font.pointSize: 14
                font.family: "Google Sans"
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                elide: Text.ElideRight
            }
            background: Rectangle {
                opacity: enabled ? 0.3 : 1
                color: emailButton.down ? "#6d22e9" : "#ffffff"
                border.color: "#6d22e9"
                border.width: 1
                radius: 6
            }
        }
    }

    Text {
        id: disclaimer
        y: 597
        height: 32
        color: "#99000000"
        text: qsTr("By creating an account you agree to our Terms of Use and Privacy Policy.")
        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
        font.pixelSize: 12
    }

    Image {
        id: logotext
        x: 139
        width: 100
        height: 24
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        anchors.topMargin: 16
        fillMode: Image.PreserveAspectFit
        source: "kelakon-logo.png"
    }

    Image {
        id: image
        x: 130
        width: 258
        height: 258
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        anchors.topMargin: 98
        source: "onboarding-1.png"
        fillMode: Image.PreserveAspectFit
    }

    Text {
        id: onboarding_text_1
        text: qsTr("Achieve more today, chill tomorrow.")
        wrapMode: Text.WordWrap
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        anchors.top: image.bottom
        anchors.topMargin: 32
        font.pointSize: 24
        font.family: "Google Sans"
        font.weight: Font.Medium
    }
}








/*##^## Designer {
    D{i:10;anchors_width:100;anchors_x:130;anchors_y:69}D{i:11;anchors_x:16;anchors_y:272}
}
 ##^##*/