uiux(Onboarding): some UI improvements to align app with designs
This commit is contained in:
parent
1df42a62ca
commit
0a96b76b9c
|
@ -243,7 +243,7 @@ ApplicationWindow {
|
||||||
|
|
||||||
DSM.State {
|
DSM.State {
|
||||||
id: onboardingState
|
id: onboardingState
|
||||||
initialState: hasAccounts ? stateLogin : stateIntro
|
initialState: hasAccounts ? stateLogin : keysMainState
|
||||||
|
|
||||||
DSM.State {
|
DSM.State {
|
||||||
id: stateIntro
|
id: stateIntro
|
||||||
|
|
|
@ -19,7 +19,8 @@ ModalPopup {
|
||||||
TextArea {
|
TextArea {
|
||||||
id: mnemonicTextField
|
id: mnemonicTextField
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.bottom: errorText.top
|
anchors.topMargin: 40
|
||||||
|
height: 100
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.leftMargin: 76
|
anchors.leftMargin: 76
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
@ -28,9 +29,13 @@ ModalPopup {
|
||||||
horizontalAlignment: TextEdit.AlignHCenter
|
horizontalAlignment: TextEdit.AlignHCenter
|
||||||
verticalAlignment: TextEdit.AlignVCenter
|
verticalAlignment: TextEdit.AlignVCenter
|
||||||
font.pixelSize: 15
|
font.pixelSize: 15
|
||||||
font.bold: true
|
font.weight: Font.DemiBold
|
||||||
placeholderText: qsTr("Start with the first word")
|
placeholderText: qsTr("Start with the first word")
|
||||||
placeholderTextColor: Style.current.secondaryText
|
placeholderTextColor: Style.current.secondaryText
|
||||||
|
selectByMouse: true
|
||||||
|
selectByKeyboard: true
|
||||||
|
selectionColor: Style.current.secondaryBackground
|
||||||
|
selectedTextColor: Style.current.secondaryText
|
||||||
|
|
||||||
color: Style.current.textColor
|
color: Style.current.textColor
|
||||||
|
|
||||||
|
@ -45,6 +50,8 @@ ModalPopup {
|
||||||
text: Utils.seedPhraseWordCountText(mnemonicTextField.text)
|
text: Utils.seedPhraseWordCountText(mnemonicTextField.text)
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.top: mnemonicTextField.bottom
|
anchors.top: mnemonicTextField.bottom
|
||||||
|
anchors.topMargin: Style.current.smallPadding
|
||||||
|
color: Style.current.secondaryText
|
||||||
}
|
}
|
||||||
|
|
||||||
StyledText {
|
StyledText {
|
||||||
|
@ -53,8 +60,8 @@ ModalPopup {
|
||||||
color: Style.current.danger
|
color: Style.current.danger
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.bottom: helpText.top
|
anchors.top: mnemonicTextField.bottom
|
||||||
anchors.bottomMargin: Style.current.smallPadding
|
anchors.topMargin: Style.current.smallPadding
|
||||||
horizontalAlignment: Text.AlignHCenter
|
horizontalAlignment: Text.AlignHCenter
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -65,6 +72,7 @@ ModalPopup {
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
anchors.bottomMargin: 0
|
anchors.bottomMargin: 0
|
||||||
|
horizontalAlignment: TextEdit.AlignHCenter
|
||||||
color: Style.current.secondaryText
|
color: Style.current.secondaryText
|
||||||
font.pixelSize: 12
|
font.pixelSize: 12
|
||||||
}
|
}
|
||||||
|
|
|
@ -35,6 +35,8 @@ Page {
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
fillMode: Image.PreserveAspectFit
|
fillMode: Image.PreserveAspectFit
|
||||||
source: Universal.theme === Universal.Dark ? "img/keys-dark@2x.jpg" : "img/keys@2x.jpg"
|
source: Universal.theme === Universal.Dark ? "img/keys-dark@2x.jpg" : "img/keys@2x.jpg"
|
||||||
|
width: 160
|
||||||
|
height: 160
|
||||||
}
|
}
|
||||||
|
|
||||||
StyledText {
|
StyledText {
|
||||||
|
|
|
@ -8,14 +8,14 @@ import "../shared/status"
|
||||||
ModalPopup {
|
ModalPopup {
|
||||||
id: popup
|
id: popup
|
||||||
title: qsTr("Your keys have been successfully recovered")
|
title: qsTr("Your keys have been successfully recovered")
|
||||||
height: 500
|
height: 400
|
||||||
|
|
||||||
signal buttonClicked()
|
signal buttonClicked()
|
||||||
|
|
||||||
StyledText {
|
StyledText {
|
||||||
id: info
|
id: info
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.topMargin: Style.current.bigPadding*2
|
anchors.topMargin: Style.current.bigPadding
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.leftMargin: Style.current.bigPadding
|
anchors.leftMargin: Style.current.bigPadding
|
||||||
|
|
Loading…
Reference in New Issue