status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

uiux(Onboarding): some UI improvements to align app with designs

This commit is contained in:
Pascal Precht 2021-01-06 14:11:26 +01:00 committed by Iuri Matias
parent 1df42a62ca
commit 0a96b76b9c
4 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/main.qml
View File

@ -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

16
ui/onboarding/EnterSeedPhraseModal.qml
View File

@ -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
} }

2
ui/onboarding/KeysMain.qml
View File

@ -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 {

4
ui/onboarding/MnemonicRecoverySuccessModal.qml
View File

@ -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