github/monero-gui
1
Fork 0
mirror of https://github.com/monero-project/monero-gui synced 2024-12-29 23:26:24 +01:00
Code Releases Activity

Wizard: add scaleRatio

Browse Source
This commit is contained in:
Jaquee 2017-08-06 17:03:16 +02:00
parent 7af8383caf
commit 91953f1a3a
9 changed files with 83 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
wizard/WizardFinish.qml
View File

@ -120,7 +120,7 @@ ColumnLayout {
Text { Text {
Layout.fillWidth: true Layout.fillWidth: true
font.family: "Arial" font.family: "Arial"
font.pixelSize: 28 font.pixelSize: 28 * scaleRatio
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
//renderType: Text.NativeRendering //renderType: Text.NativeRendering
@ -132,7 +132,7 @@ ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
id: settingsText id: settingsText
font.family: "Arial" font.family: "Arial"
font.pixelSize: 16 font.pixelSize: 16 * scaleRatio
wrapMode: Text.Wrap wrapMode: Text.Wrap
textFormat: Text.RichText textFormat: Text.RichText
horizontalAlignment: Text.AlignHLeft horizontalAlignment: Text.AlignHLeft

24
wizard/WizardMain.qml
View File

@ -40,10 +40,10 @@ ColumnLayout {
property alias nextButton : nextButton property alias nextButton : nextButton
property var settings : ({}) property var settings : ({})
property int currentPage: 0 property int currentPage: 0
property int wizardLeftMargin: (!isMobile) ? 150 : 25 property int wizardLeftMargin: (!isMobile) ? 150 : 25 * scaleRatio
property int wizardRightMargin: (!isMobile) ? 150 : 25 property int wizardRightMargin: (!isMobile) ? 150 : 25 * scaleRatio
property int wizardBottomMargin: (isMobile) ? 150 : 25 property int wizardBottomMargin: (isMobile) ? 150 : 25 * scaleRatio
property int wizardTopMargin: (isMobile) ? 15 : 50 property int wizardTopMargin: (isMobile) ? 15 * scaleRatio : 50
property var paths: { property var paths: {
// "create_wallet" : [welcomePage, optionsPage, createWalletPage, passwordPage, donationPage, finishPage ], // "create_wallet" : [welcomePage, optionsPage, createWalletPage, passwordPage, donationPage, finishPage ],
@ -308,10 +308,10 @@ ColumnLayout {
anchors.verticalCenter: wizard.verticalCenter anchors.verticalCenter: wizard.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: isMobile ? 20 : 50 anchors.leftMargin: isMobile ? 20 : 50
anchors.bottomMargin: isMobile ? 20 : 50 anchors.bottomMargin: isMobile ? 20 * scaleRatio : 50
visible: parent.currentPage > 0 visible: parent.currentPage > 0
width: 50; height: 50 width: 50 * scaleRatio; height: 50 * scaleRatio
radius: 25 radius: 25
color: prevArea.containsMouse ? "#FF4304" : "#FF6C3C" color: prevArea.containsMouse ? "#FF4304" : "#FF6C3C"
@ -333,10 +333,10 @@ ColumnLayout {
id: nextButton id: nextButton
anchors.verticalCenter: wizard.verticalCenter anchors.verticalCenter: wizard.verticalCenter
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: isMobile ? 20 : 50 anchors.rightMargin: isMobile ? 20 * scaleRatio : 50
anchors.bottomMargin: isMobile ? 20 : 50 anchors.bottomMargin: isMobile ? 20 * scaleRatio : 50
visible: currentPage > 1 && currentPage < pages.length - 1 visible: currentPage > 1 && currentPage < pages.length - 1
width: 50; height: 50 width: 50 * scaleRatio; height: 50 * scaleRatio
radius: 25 radius: 25
color: enabled ? nextArea.containsMouse ? "#FF4304" : "#FF6C3C" : "#DBDBDB" color: enabled ? nextArea.containsMouse ? "#FF4304" : "#FF6C3C" : "#DBDBDB"
@ -359,7 +359,7 @@ ColumnLayout {
id: sendButton id: sendButton
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.margins: (isMobile) ? 20 : 50 anchors.margins: (isMobile) ? 20 * scaleRatio : 50 * scaleRatio
text: qsTr("USE MONERO") + translationManager.emptyString text: qsTr("USE MONERO") + translationManager.emptyString
shadowReleasedColor: "#FF4304" shadowReleasedColor: "#FF4304"
shadowPressedColor: "#B32D00" shadowPressedColor: "#B32D00"
@ -376,7 +376,7 @@ ColumnLayout {
id: createViewOnlyWalletButton id: createViewOnlyWalletButton
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.margins: (isMobile) ? 20 : 50 anchors.margins: (isMobile) ? 20 * scaleRatio : 50
text: qsTr("Create wallet") + translationManager.emptyString text: qsTr("Create wallet") + translationManager.emptyString
shadowReleasedColor: "#FF4304" shadowReleasedColor: "#FF4304"
shadowPressedColor: "#B32D00" shadowPressedColor: "#B32D00"
@ -408,7 +408,7 @@ ColumnLayout {
id: abortViewOnlyButton id: abortViewOnlyButton
anchors.right: createViewOnlyWalletButton.left anchors.right: createViewOnlyWalletButton.left
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.margins: (isMobile) ? 20 : 50 anchors.margins: (isMobile) ? 20 * scaleRatio : 50
text: qsTr("Abort") + translationManager.emptyString text: qsTr("Abort") + translationManager.emptyString
shadowReleasedColor: "#FF4304" shadowReleasedColor: "#FF4304"
shadowPressedColor: "#B32D00" shadowPressedColor: "#B32D00"

36
wizard/WizardManageWalletUI.qml
View File

@ -118,7 +118,7 @@ ColumnLayout {
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
id: titleText id: titleText
font.family: "Arial" font.family: "Arial"
font.pixelSize: 28 font.pixelSize: 28 * scaleRatio
wrapMode: Text.Wrap wrapMode: Text.Wrap
color: "#3F3F3F" color: "#3F3F3F"
} }
@ -128,8 +128,8 @@ ColumnLayout {
Layout.bottomMargin: rowSpacing Layout.bottomMargin: rowSpacing
Label { Label {
Layout.topMargin: 20 Layout.topMargin: 20 * scaleRatio
fontSize: 14 fontSize: 14 * scaleRatio
text: qsTr("Wallet name") text: qsTr("Wallet name")
+ translationManager.emptyString + translationManager.emptyString
} }
@ -137,8 +137,8 @@ ColumnLayout {
LineEdit { LineEdit {
id: accountName id: accountName
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 600 Layout.maximumWidth: 600 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
text: defaultAccountName text: defaultAccountName
onTextUpdated: checkNextButton() onTextUpdated: checkNextButton()
} }
@ -183,8 +183,8 @@ ColumnLayout {
WizardMemoTextInput { WizardMemoTextInput {
id : memoTextItem id : memoTextItem
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 600 Layout.maximumWidth: 600 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
} }
} }
@ -198,24 +198,24 @@ ColumnLayout {
LineEdit { LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
id: addressLine id: addressLine
Layout.maximumWidth: 600 Layout.maximumWidth: 600 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
placeholderText: qsTr("Account address (public)") + translationManager.emptyString placeholderText: qsTr("Account address (public)") + translationManager.emptyString
onTextUpdated: checkNextButton() onTextUpdated: checkNextButton()
} }
LineEdit { LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
id: viewKeyLine id: viewKeyLine
Layout.maximumWidth: 600 Layout.maximumWidth: 600 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
placeholderText: qsTr("View key (private)") + translationManager.emptyString placeholderText: qsTr("View key (private)") + translationManager.emptyString
onTextUpdated: checkNextButton() onTextUpdated: checkNextButton()
} }
LineEdit { LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 600 Layout.maximumWidth: 600 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
id: spendKeyLine id: spendKeyLine
placeholderText: qsTr("Spend key (private)") + translationManager.emptyString placeholderText: qsTr("Spend key (private)") + translationManager.emptyString
onTextUpdated: checkNextButton() onTextUpdated: checkNextButton()
@ -227,8 +227,8 @@ ColumnLayout {
LineEdit { LineEdit {
id: restoreHeightItem id: restoreHeightItem
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 600 Layout.maximumWidth: 600 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
placeholderText: qsTr("Restore height (optional)") + translationManager.emptyString placeholderText: qsTr("Restore height (optional)") + translationManager.emptyString
validator: IntValidator { validator: IntValidator {
bottom:0 bottom:0
@ -240,15 +240,15 @@ ColumnLayout {
ColumnLayout { ColumnLayout {
Label { Label {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 20 Layout.topMargin: 20 * scaleRatio
fontSize: 14 fontSize: 14
text: qsTr("Your wallet is stored in") + ": " + fileUrlInput.text; text: qsTr("Your wallet is stored in") + ": " + fileUrlInput.text;
} }
LineEdit { LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 600 Layout.maximumWidth: 600 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
id: fileUrlInput id: fileUrlInput
text: moneroAccountsDir + "/" text: moneroAccountsDir + "/"

20
wizard/WizardMemoTextInput.qml
View File

@ -25,21 +25,21 @@ Column {
TextEdit { TextEdit {
id: memoTextInput id: memoTextInput
property alias placeholderText: memoTextPlaceholder.text property alias placeholderText: memoTextPlaceholder.text
textMargin: 8 textMargin: 8 * scaleRatio
text: "" text: ""
font.family: "Arial" font.family: "Arial"
font.pixelSize: 16 font.pixelSize: 16 * scaleRatio
wrapMode: TextInput.Wrap wrapMode: TextInput.Wrap
width: parent.width width: parent.width
selectByMouse: true selectByMouse: true
property int minimumHeight: 100 property int minimumHeight: 100 * scaleRatio
height: contentHeight > minimumHeight ? contentHeight : minimumHeight height: contentHeight > minimumHeight ? contentHeight : minimumHeight
Text { Text {
id: memoTextPlaceholder id: memoTextPlaceholder
anchors.fill:parent anchors.fill:parent
font.pixelSize: 16 font.pixelSize: 16 * scaleRatio
anchors.margins: 8 anchors.margins: 8 * scaleRatio
font.bold:true font.bold:true
text: qsTr("Enter your 25 word mnemonic seed") + translationManager.emptyString text: qsTr("Enter your 25 word mnemonic seed") + translationManager.emptyString
color: "#BABABA" color: "#BABABA"
@ -75,14 +75,14 @@ Column {
Text { Text {
id: wordsTipText id: wordsTipText
anchors.fill: parent anchors.fill: parent
anchors.topMargin : 16 anchors.topMargin : 16 * scaleRatio
anchors.bottomMargin: 16 anchors.bottomMargin: 16 * scaleRatio
anchors.leftMargin: 16 anchors.leftMargin: 16 * scaleRatio
anchors.rightMargin: 16 anchors.rightMargin: 16 * scaleRatio
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
font.family: "Arial" font.family: "Arial"
font.pixelSize: 15 font.pixelSize: 15 * scaleRatio
color: "#4A4646" color: "#4A4646"
wrapMode: Text.Wrap wrapMode: Text.Wrap
text: qsTr("This seed is <b>very</b> important to write down and keep secret. It is all you need to backup and restore your wallet.") text: qsTr("This seed is <b>very</b> important to write down and keep secret. It is all you need to backup and restore your wallet.")

42
wizard/WizardOptions.qml
View File

@ -38,8 +38,8 @@ ColumnLayout {
signal openWalletClicked() signal openWalletClicked()
opacity: 0 opacity: 0
visible: false visible: false
property int buttonSize: (isMobile) ? 80 : 190 property int buttonSize: (isMobile) ? 80 * scaleRatio : 190 * scaleRatio
property int buttonImageSize: (isMobile) ? buttonSize - 10 : buttonSize - 30 property int buttonImageSize: (isMobile) ? buttonSize - 10 * scaleRatio : buttonSize - 30 * scaleRatio
function onPageClosed() { function onPageClosed() {
// Save settings used in open from file. // Save settings used in open from file.
@ -60,13 +60,13 @@ ColumnLayout {
id: headerColumn id: headerColumn
Layout.leftMargin: wizardLeftMargin Layout.leftMargin: wizardLeftMargin
Layout.rightMargin: wizardRightMargin Layout.rightMargin: wizardRightMargin
Layout.bottomMargin: (!isMobile) ? 40 : 20 Layout.bottomMargin: (!isMobile) ? 40 * scaleRatio : 20
spacing: 30 spacing: 30 * scaleRatio
Text { Text {
Layout.fillWidth: true Layout.fillWidth: true
font.family: "Arial" font.family: "Arial"
font.pixelSize: 28 font.pixelSize: 28 * scaleRatio
//renderType: Text.NativeRendering //renderType: Text.NativeRendering
color: "#3F3F3F" color: "#3F3F3F"
wrapMode: Text.Wrap wrapMode: Text.Wrap
@ -77,7 +77,7 @@ ColumnLayout {
Text { Text {
Layout.fillWidth: true Layout.fillWidth: true
font.family: "Arial" font.family: "Arial"
font.pixelSize: 18 font.pixelSize: 18 * scaleRatio
//renderType: Text.NativeRendering //renderType: Text.NativeRendering
color: "#4A4646" color: "#4A4646"
wrapMode: Text.Wrap wrapMode: Text.Wrap
@ -91,8 +91,8 @@ ColumnLayout {
Layout.rightMargin: wizardRightMargin Layout.rightMargin: wizardRightMargin
Layout.alignment: Qt.AlignCenter Layout.alignment: Qt.AlignCenter
id: actionButtons id: actionButtons
columnSpacing: 40 columnSpacing: 40 * scaleRatio
rowSpacing: 10 rowSpacing: 10 * scaleRatio
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
flow: isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight flow: isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight
@ -101,8 +101,8 @@ ColumnLayout {
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: true Layout.fillWidth: true
flow: !isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight flow: !isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight
rowSpacing: 20 rowSpacing: 20 * scaleRatio
columnSpacing: 10 columnSpacing: 10 * scaleRatio
Rectangle { Rectangle {
Layout.preferredHeight: page.buttonSize Layout.preferredHeight: page.buttonSize
@ -132,9 +132,9 @@ ColumnLayout {
} }
Text { Text {
Layout.preferredWidth: 190 Layout.preferredWidth: page.buttonSize
font.family: "Arial" font.family: "Arial"
font.pixelSize: 16 font.pixelSize: 16 * scaleRatio
color: "#4A4949" color: "#4A4949"
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
@ -146,8 +146,8 @@ ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
flow: !isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight flow: !isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight
rowSpacing: 20 rowSpacing: 20 * scaleRatio
columnSpacing: 10 columnSpacing: 10 * scaleRatio
Rectangle { Rectangle {
Layout.preferredHeight: page.buttonSize Layout.preferredHeight: page.buttonSize
@ -156,7 +156,7 @@ ColumnLayout {
color: recoverWalletArea.containsMouse ? "#DBDBDB" : "#FFFFFF" color: recoverWalletArea.containsMouse ? "#DBDBDB" : "#FFFFFF"
Image { Image {
width: page.buttomImageSize width: page.buttonImageSize
height: page.buttonImageSize height: page.buttonImageSize
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
anchors.centerIn: parent anchors.centerIn: parent
@ -174,9 +174,9 @@ ColumnLayout {
} }
Text { Text {
Layout.preferredWidth: 190 Layout.preferredWidth: page.buttonSize
font.family: "Arial" font.family: "Arial"
font.pixelSize: 16 font.pixelSize: 16 * scaleRatio
color: "#4A4949" color: "#4A4949"
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
text: qsTr("Restore wallet from keys or mnemonic seed") + translationManager.emptyString text: qsTr("Restore wallet from keys or mnemonic seed") + translationManager.emptyString
@ -189,8 +189,8 @@ ColumnLayout {
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: true Layout.fillWidth: true
flow: !isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight flow: !isMobile ? GridLayout.TopToBottom : GridLayout.LeftToRight
rowSpacing: 20 rowSpacing: 20 * scaleRatio
columnSpacing: 10 columnSpacing: 10 * scaleRatio
Rectangle { Rectangle {
Layout.preferredHeight: page.buttonSize Layout.preferredHeight: page.buttonSize
@ -217,9 +217,9 @@ ColumnLayout {
} }
Text { Text {
Layout.preferredWidth: 190 Layout.preferredWidth: page.buttonSize
font.family: "Arial" font.family: "Arial"
font.pixelSize: 16 font.pixelSize: 16 * scaleRatio
color: "#4A4949" color: "#4A4949"
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
text: qsTr("Open a wallet from file") + translationManager.emptyString text: qsTr("Open a wallet from file") + translationManager.emptyString

6
wizard/WizardPassword.qml
View File

@ -107,7 +107,7 @@ ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
id: titleText id: titleText
font.family: "Arial" font.family: "Arial"
font.pixelSize: 28 font.pixelSize: 28 * scaleRatio
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
//renderType: Text.NativeRendering //renderType: Text.NativeRendering
@ -117,9 +117,9 @@ ColumnLayout {
Text { Text {
Layout.fillWidth: true Layout.fillWidth: true
Layout.bottomMargin: 30 Layout.bottomMargin: 30 * scaleRatio
font.family: "Arial" font.family: "Arial"
font.pixelSize: 18 font.pixelSize: 18 * scaleRatio
wrapMode: Text.Wrap wrapMode: Text.Wrap
//renderType: Text.NativeRendering //renderType: Text.NativeRendering
color: "#4A4646" color: "#4A4646"

2
wizard/WizardPasswordInput.qml
View File

@ -42,7 +42,7 @@ ColumnLayout {
id : password id : password
focus:true focus:true
font.family: "Arial" font.family: "Arial"
font.pixelSize: (isMobile) ? 25 : 26 font.pixelSize: (isMobile) ? 25 * scaleRatio : 26 * scaleRatio
echoMode: TextInput.Password echoMode: TextInput.Password
style: TextFieldStyle { style: TextFieldStyle {
renderType: Text.NativeRendering renderType: Text.NativeRendering

10
wizard/WizardPasswordUI.qml
View File

@ -64,8 +64,8 @@ ColumnLayout {
WizardPasswordInput { WizardPasswordInput {
id: passwordItem id: passwordItem
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 300 Layout.maximumWidth: 300 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
placeholderText : qsTr("Password") + translationManager.emptyString; placeholderText : qsTr("Password") + translationManager.emptyString;
KeyNavigation.tab: retypePasswordItem KeyNavigation.tab: retypePasswordItem
@ -76,8 +76,8 @@ ColumnLayout {
WizardPasswordInput { WizardPasswordInput {
id: retypePasswordItem id: retypePasswordItem
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 300 Layout.maximumWidth: 300 * scaleRatio
Layout.minimumWidth: 200 Layout.minimumWidth: 200 * scaleRatio
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
placeholderText : qsTr("Confirm password") + translationManager.emptyString; placeholderText : qsTr("Confirm password") + translationManager.emptyString;
KeyNavigation.tab: passwordItem KeyNavigation.tab: passwordItem
@ -85,7 +85,7 @@ ColumnLayout {
} }
PrivacyLevelSmall { PrivacyLevelSmall {
Layout.topMargin: isMobile ? 20 : 40 Layout.topMargin: isMobile ? 20 * scaleRatio : 40 * scaleRatio
Layout.fillWidth: true Layout.fillWidth: true
id: privacyLevel id: privacyLevel
background: "#F0EEEE" background: "#F0EEEE"

23
wizard/WizardWelcome.qml
View File

@ -60,13 +60,13 @@ ColumnLayout {
id: headerColumn id: headerColumn
Layout.leftMargin: wizardLeftMargin Layout.leftMargin: wizardLeftMargin
Layout.rightMargin: wizardRightMargin Layout.rightMargin: wizardRightMargin
Layout.bottomMargin: 40 Layout.bottomMargin: 40 * scaleRatio
spacing: 20 spacing: 20 * scaleRatio
Text { Text {
Layout.fillWidth: true Layout.fillWidth: true
font.family: "Arial" font.family: "Arial"
font.pixelSize: 28 font.pixelSize: 28 * scaleRatio
color: "#3F3F3F" color: "#3F3F3F"
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
@ -76,7 +76,7 @@ ColumnLayout {
Text { Text {
Layout.fillWidth: true Layout.fillWidth: true
font.family: "Arial" font.family: "Arial"
font.pixelSize: 18 font.pixelSize: 18 * scaleRatio
color: "#4A4646" color: "#4A4646"
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
@ -116,17 +116,16 @@ ColumnLayout {
property int margin: (isMobile) ? 0 : Math.floor(appWindow.width/12); property int margin: (isMobile) ? 0 : Math.floor(appWindow.width/12);
id: gridView id: gridView
cellWidth: 140 cellWidth: 140 * scaleRatio
cellHeight: 120 cellHeight: 120 * scaleRatio
model: languagesModel model: languagesModel
// Hack to center the flag grid // Hack to center the flag grid
property int columns: Math.floor(appWindow.width/140) property int columns: Math.floor(appWindow.width/cellWidth)
Layout.leftMargin: margin + (appWindow.width - cellWidth*columns) /2 Layout.leftMargin: margin + (appWindow.width - cellWidth*columns) /2
Layout.rightMargin: margin Layout.rightMargin: margin
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
clip: true clip: true
delegate: ColumnLayout { delegate: ColumnLayout {
@ -136,9 +135,9 @@ ColumnLayout {
// Layout.alignment: Qt.AlignHCenter // Layout.alignment: Qt.AlignHCenter
Rectangle { Rectangle {
id: flagRect id: flagRect
width: 60; height: 60 width: 60 * scaleRatio; height: 60 * scaleRatio
// anchors.centerIn: parent // anchors.centerIn: parent
radius: 30 radius: 30 * scaleRatio
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
color: gridView.currentIndex === index ? "#DBDBDB" : "#FFFFFF" color: gridView.currentIndex === index ? "#DBDBDB" : "#FFFFFF"
Image { Image {
@ -149,7 +148,7 @@ ColumnLayout {
Text { Text {
font.family: "Arial" font.family: "Arial"
font.pixelSize: 18 font.pixelSize: 18 * scaleRatio
// anchors.horizontalCenter: parent.horizontalCenter // anchors.horizontalCenter: parent.horizontalCenter
font.bold: gridView.currentIndex === index font.bold: gridView.currentIndex === index
// elide: Text.ElideRight // elide: Text.ElideRight