Redesign log-in advertisement

This is a new text and new ordering. The title is above the image now, and the sign in has become a tertiary button.

Contributes to issue CURA-8107.
This commit is contained in:
Ghostkeeper 2021-04-01 19:33:35 +02:00
parent 3e4098cffa
commit 9ebb5e4cee
No known key found for this signature in database
GPG Key ID: D2A8871EE34EC59A

View File

@ -11,35 +11,26 @@ Column
{ {
spacing: UM.Theme.getSize("default_margin").width spacing: UM.Theme.getSize("default_margin").width
padding: UM.Theme.getSize("default_margin").width padding: UM.Theme.getSize("default_margin").width
Image
{
id: machinesImage
anchors.horizontalCenter: parent.horizontalCenter
source: UM.Theme.getIcon("sign_in_to_cloud")
horizontalAlignment: Image.AlignHCenter
verticalAlignment: Image.AlignVCenter
}
Label Label
{ {
id: title id: title
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
horizontalAlignment: Text.AlignHCenter
renderType: Text.NativeRendering renderType: Text.NativeRendering
text: "Ultimaker Account" text: "Sign in to the Ultimaker platform"
font: UM.Theme.getFont("large_bold") font: UM.Theme.getFont("large_bold")
color: UM.Theme.getColor("text") color: UM.Theme.getColor("text")
} }
Label Image
{ {
id: generalInformation id: machinesImage
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
horizontalAlignment: Text.AlignHCenter source: UM.Theme.getImage("welcome_cura")
renderType: Text.NativeRendering width: parent.width / 2
text: catalog.i18nc("@label", "Your key to connected 3D printing") fillMode: Image.PreserveAspectFit
font: UM.Theme.getFont("default_bold") horizontalAlignment: Image.AlignHCenter
color: UM.Theme.getColor("text") verticalAlignment: Image.AlignVCenter
} }
Label Label
@ -48,18 +39,12 @@ Column
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
renderType: Text.NativeRendering renderType: Text.NativeRendering
text: catalog.i18nc("@text", "- Customize your experience with more print profiles and plugins\n- Stay flexible by syncing your setup and loading it anywhere\n- Increase efficiency with a remote workflow on Ultimaker printers") text: catalog.i18nc("@text", "- Add material profiles and plug-ins from the Marketplace\n- Back-up and sync your material profiles and plug-ins\n- Share ideas and get help from 48,000+ users in the Ultimaker community")
lineHeight: 1.4 lineHeight: 1.4
font: UM.Theme.getFont("default") font: UM.Theme.getFont("default")
color: UM.Theme.getColor("text") color: UM.Theme.getColor("text")
} }
// placeholder
Label
{
text: " "
}
Cura.PrimaryButton Cura.PrimaryButton
{ {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
@ -70,13 +55,11 @@ Column
fixedWidthMode: true fixedWidthMode: true
} }
Cura.SecondaryButton Cura.TertiaryButton
{ {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
width: UM.Theme.getSize("account_button").width
height: UM.Theme.getSize("account_button").height height: UM.Theme.getSize("account_button").height
text: catalog.i18nc("@button", "Create account") text: catalog.i18nc("@button", "Create a free Ultimaker account")
onClicked: Qt.openUrlExternally(CuraApplication.ultimakerCloudAccountRootUrl + "/app/create") onClicked: Qt.openUrlExternally(CuraApplication.ultimakerCloudAccountRootUrl + "/app/create")
fixedWidthMode: true
} }
} }