fix: Update the Beta dialog design to better fit the content

- no logo
- tighter content, smaller vertical spacing

Fixes #12400
This commit is contained in:
Lukáš Tinkl 2023-10-12 12:52:27 +02:00 committed by Lukáš Tinkl
parent d6648c4a5d
commit 629d8b62b1
1 changed files with 15 additions and 39 deletions

View File

@ -14,13 +14,13 @@ import utils 1.0
StatusModal { StatusModal {
id: root id: root
width: 640 width: 640
headerSettings.title: qsTr("Welcome to Status Desktop Beta") title: qsTr("Welcome to Status Desktop Beta")
hasCloseButton: false hasCloseButton: false
verticalPadding: 20
closePolicy: Popup.NoAutoClose closePolicy: Popup.NoAutoClose
component Paragraph: StatusBaseText { component Paragraph: StatusBaseText {
font.pixelSize: 15
lineHeightMode: Text.FixedHeight lineHeightMode: Text.FixedHeight
lineHeight: 22 lineHeight: 22
visible: !!text visible: !!text
@ -30,7 +30,7 @@ StatusModal {
component AgreementSection: ColumnLayout { component AgreementSection: ColumnLayout {
property alias title: titleItem.text property alias title: titleItem.text
property alias body: bodyItem.text property alias body: bodyItem.text
spacing: 12 spacing: 8
Paragraph { Paragraph {
id: titleItem id: titleItem
Layout.fillWidth: true Layout.fillWidth: true
@ -53,63 +53,39 @@ StatusModal {
ColumnLayout { ColumnLayout {
id: layout id: layout
width: scrollView.availableWidth width: scrollView.availableWidth
spacing: 22 spacing: 20
StatusRoundedImage {
id: statusRoundedImage
objectName: "headerImage"
Layout.preferredWidth: 64
Layout.preferredHeight: 64
Layout.alignment: Qt.AlignHCenter
image.source: Style.png("status-logo")
image.mipmap: true
}
AgreementSection { AgreementSection {
title: qsTr("Warning - Status desktop is currently in Beta") title: qsTr("Warning - Status desktop is currently in Beta")
body: qsTr(" The Wallet is not yet safe or secure to use body: qsTr(" The Wallet is not yet safe or secure to use
Do not use real funds in the Wallet Do not use real funds in the Wallet
Do not use accounts that contain tokens of value in the Wallet") Do not use accounts that contain tokens of value in the Wallet")
} }
AgreementSection { AgreementSection {
title: qsTr("Also be aware") title: qsTr("Also be aware")
body: qsTr(" Status Desktop is incompatible with Status Mobile versions 1.x body: qsTr(" Status Desktop is incompatible with Status Mobile versions 1.x
This version of Status may break or stop working without warning This version of Status may break or stop working without warning
Communities created with this version may be broken by future releases Communities created with this version may be broken by future releases
Status desktop currently consumes large amounts of bandwidth") Status desktop currently consumes large amounts of bandwidth")
} }
AgreementSection { AgreementSection {
body: qsTr("We are working to fix all these issues ASAP, ahead of Status Desktops 1.0 release!") body: qsTr("We are working to fix all these issues ASAP, ahead of Status Desktops 1.0 release!")
} }
StatusDialogDivider {
Layout.fillWidth: true
}
AgreementSection {
body: qsTr("I confirm that...")
}
StatusCheckBox { StatusCheckBox {
id: agreeToUse id: agreeToUse
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: -10 //reduced margin by design Layout.topMargin: -8 //reduced margin by design
contentItem: Paragraph { text: qsTr("Ive read the above and understand that Status Desktop is Beta software")
text: qsTr("Ive read the above and understand that Status Desktop is Beta software")
leftPadding: readyToUse.indicator.width + readyToUse.spacing
}
} }
StatusCheckBox { StatusCheckBox {
id: readyToUse id: readyToUse
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: -10 //reduced margin by design Layout.topMargin: -16 //reduced margin by design
Layout.bottomMargin: layout.spacing text: qsTr("Im ready to use Status Desktop Beta")
contentItem: Paragraph {
text: qsTr("Im ready to use Status Desktop Beta")
leftPadding: readyToUse.indicator.width + readyToUse.spacing
}
} }
} }
} }