status-desktop/ui/onboarding/KeysMain.qml

88 lines
2.5 KiB
QML
Raw Normal View History

2020-06-17 19:18:31 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
import "../shared"
2020-06-22 13:35:16 +00:00
import "../imports"
Page {
2020-06-15 15:20:38 +00:00
id: page
property alias btnExistingKey: btnExistingKey
property alias btnGenKey: btnGenKey
2020-06-15 15:20:38 +00:00
Item {
id: container
width: 425
height: {
let h = 0
const children = this.children
Object.keys(children).forEach(function (key) {
const child = children[key]
h += child.height + Theme.padding
})
return h
}
2020-06-15 15:20:38 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
2020-06-15 15:20:38 +00:00
Image {
id: keysImg
anchors.horizontalCenter: parent.horizontalCenter
sourceSize.width: 160
sourceSize.height: 160
anchors.top: parent.top
fillMode: Image.PreserveAspectFit
source: "img/key@2x.png"
}
StyledText {
2020-06-15 15:20:38 +00:00
id: txtTitle1
text: qsTr("Get your keys")
anchors.topMargin: Theme.padding
font.bold: true
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: keysImg.bottom
font.letterSpacing: -0.2
font.pixelSize: 22
}
StyledText {
2020-06-15 15:20:38 +00:00
id: txtDesc1
color: Theme.darkGrey
text: qsTr("A set of keys controls your account. Your keys live on your device, so only you can use them.")
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
anchors.right: parent.right
anchors.left: parent.left
anchors.top: txtTitle1.bottom
anchors.topMargin: Theme.padding
font.pixelSize: 15
}
2020-06-15 15:20:38 +00:00
StyledButton {
id: btnGenKey
height: 44
anchors.top: txtDesc1.bottom
anchors.topMargin: 40
anchors.horizontalCenter: parent.horizontalCenter
label: qsTr("I'm new, generate keys")
2020-06-15 15:20:38 +00:00
}
2020-06-15 15:20:38 +00:00
StyledButton {
id: btnExistingKey
label: qsTr("Access existing key")
2020-06-15 15:20:38 +00:00
anchors.top: btnGenKey.bottom
anchors.topMargin: Theme.padding
anchors.horizontalCenter: parent.horizontalCenter
height: 44
background: Rectangle {color: "transparent"}
}
}
}
/*##^##
Designer {
2020-06-15 15:20:38 +00:00
D{i:0;autoSize:true;formeditorColor:"#ffffff";formeditorZoom:0.8999999761581421;height:760;width:1080}
}
##^##*/