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,16 +53,7 @@ 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")
@ -83,33 +74,18 @@ StatusModal {
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
contentItem: Paragraph {
text: qsTr("Im ready to use Status Desktop Beta") text: qsTr("Im ready to use Status Desktop Beta")
leftPadding: readyToUse.indicator.width + readyToUse.spacing
}
} }
} }
} }