monero-project/monero-gui
monero-project/monero-gui
1
0
Fork 0
mirror of https://github.com/monero-project/monero-gui.git synced 2024-09-29 03:51:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Remove scaleRatio

Browse source
This commit is contained in:
dsc 2019-04-25 21:09:23 +02:00
parent e1c429110f
commit 62285b01dc
No known key found for this signature in database
GPG key ID: 7BBC83D7A8810AAB
80 changed files with 1070 additions and 1075 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
LeftPanel.qml
View file

@ -120,8 +120,8 @@ Rectangle {
anchors.topMargin: 20 anchors.topMargin: 20
anchors.leftMargin: 20 anchors.leftMargin: 20
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
height: 490 * scaleRatio height: 490
width: 260 * scaleRatio width: 260
Image { Image {
id: card id: card
@ -173,8 +173,8 @@ Rectangle {
} }
Rectangle { Rectangle {
height: (logoutImage.height + 8) * scaleRatio height: (logoutImage.height + 8)
width: (logoutImage.width + 8) * scaleRatio width: (logoutImage.width + 8)
color: "transparent" color: "transparent"
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 8 anchors.rightMargin: 8
@ -185,8 +185,8 @@ Rectangle {
id: logoutImage id: logoutImage
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
height: 16 * scaleRatio height: 16
width: 13 * scaleRatio width: 13
source: "qrc:///images/logout.png" source: "qrc:///images/logout.png"
} }
@ -210,8 +210,8 @@ Rectangle {
anchors.topMargin: 20 anchors.topMargin: 20
anchors.leftMargin: 20 anchors.leftMargin: 20
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
height: 490 * scaleRatio height: 490
width: 50 * scaleRatio width: 50
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
visible: !isMobile visible: !isMobile
@ -672,7 +672,7 @@ Rectangle {
anchors.leftMargin: 0 anchors.leftMargin: 0
anchors.rightMargin: 0 anchors.rightMargin: 0
anchors.bottom: networkStatus.top; anchors.bottom: networkStatus.top;
height: 10 * scaleRatio height: 10
color: "transparent" color: "transparent"
} }
@ -680,11 +680,11 @@ Rectangle {
id: networkStatus id: networkStatus
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.leftMargin: 5 * scaleRatio anchors.leftMargin: 5
anchors.rightMargin: 0 anchors.rightMargin: 0
anchors.bottom: (progressBar.visible)? progressBar.top : parent.bottom; anchors.bottom: (progressBar.visible)? progressBar.top : parent.bottom;
connected: Wallet.ConnectionStatus_Disconnected connected: Wallet.ConnectionStatus_Disconnected
height: 48 * scaleRatio height: 48
} }
MoneroComponents.ProgressBar { MoneroComponents.ProgressBar {
@ -692,7 +692,7 @@ Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: daemonProgressBar.top anchors.bottom: daemonProgressBar.top
height: 48 * scaleRatio height: 48
syncType: qsTr("Wallet") + translationManager.emptyString syncType: qsTr("Wallet") + translationManager.emptyString
visible: networkStatus.connected visible: networkStatus.connected
} }
@ -704,7 +704,7 @@ Rectangle {
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
syncType: qsTr("Daemon") + translationManager.emptyString syncType: qsTr("Daemon") + translationManager.emptyString
visible: networkStatus.connected visible: networkStatus.connected
height: 62 * scaleRatio height: 62
} }
} }
} }

16
MiddlePanel.qml
View file

@ -51,7 +51,7 @@ Rectangle {
property string balanceText property string balanceText
property string unlockedBalanceLabelText: qsTr("Unlocked Balance") + translationManager.emptyString property string unlockedBalanceLabelText: qsTr("Unlocked Balance") + translationManager.emptyString
property string unlockedBalanceText property string unlockedBalanceText
property int minHeight: (appWindow.height > 800) ? appWindow.height : 800 * scaleRatio property int minHeight: (appWindow.height > 800) ? appWindow.height : 800
property alias contentHeight: mainFlickable.contentHeight property alias contentHeight: mainFlickable.contentHeight
property alias flickable: mainFlickable property alias flickable: mainFlickable
@ -125,11 +125,11 @@ Rectangle {
State { State {
name: "History" name: "History"
PropertyChanges { target: root; currentView: historyView } PropertyChanges { target: root; currentView: historyView }
PropertyChanges { target: mainFlickable; contentHeight: historyView.contentHeight + 100 * scaleRatio} PropertyChanges { target: mainFlickable; contentHeight: historyView.contentHeight + 100}
}, State { }, State {
name: "Transfer" name: "Transfer"
PropertyChanges { target: root; currentView: transferView } PropertyChanges { target: root; currentView: transferView }
PropertyChanges { target: mainFlickable; contentHeight: 700 * scaleRatio } PropertyChanges { target: mainFlickable; contentHeight: 700 }
}, State { }, State {
name: "Receive" name: "Receive"
PropertyChanges { target: root; currentView: receiveView } PropertyChanges { target: root; currentView: receiveView }
@ -141,7 +141,7 @@ Rectangle {
}, State { }, State {
name: "TxKey" name: "TxKey"
PropertyChanges { target: root; currentView: txkeyView } PropertyChanges { target: root; currentView: txkeyView }
PropertyChanges { target: mainFlickable; contentHeight: 1200 * scaleRatio } PropertyChanges { target: mainFlickable; contentHeight: 1200 }
}, State { }, State {
name: "SharedRingDB" name: "SharedRingDB"
PropertyChanges { target: root; currentView: sharedringdbView } PropertyChanges { target: root; currentView: sharedringdbView }
@ -153,7 +153,7 @@ Rectangle {
}, State { }, State {
name: "Sign" name: "Sign"
PropertyChanges { target: root; currentView: signView } PropertyChanges { target: root; currentView: signView }
PropertyChanges { target: mainFlickable; contentHeight: 1000 * scaleRatio } PropertyChanges { target: mainFlickable; contentHeight: 1000 }
}, State { }, State {
name: "Settings" name: "Settings"
PropertyChanges { target: root; currentView: settingsView } PropertyChanges { target: root; currentView: settingsView }
@ -161,7 +161,7 @@ Rectangle {
}, State { }, State {
name: "Mining" name: "Mining"
PropertyChanges { target: root; currentView: miningView } PropertyChanges { target: root; currentView: miningView }
PropertyChanges { target: mainFlickable; contentHeight: 700 * scaleRatio} PropertyChanges { target: mainFlickable; contentHeight: 700}
}, State { }, State {
name: "Keys" name: "Keys"
PropertyChanges { target: root; currentView: keysView } PropertyChanges { target: root; currentView: keysView }
@ -196,10 +196,10 @@ Rectangle {
if(currentView === merchantView || currentView === historyView) if(currentView === merchantView || currentView === historyView)
return 0; return 0;
return 20 * scaleRatio; return 20;
} }
anchors.topMargin: appWindow.persistentSettings.customDecorations ? 50 * scaleRatio : 0 anchors.topMargin: appWindow.persistentSettings.customDecorations ? 50 : 0
spacing: 0 spacing: 0
Flickable { Flickable {

10
components/CheckBox.qml
View file

@ -38,16 +38,16 @@ Item {
property alias text: label.text property alias text: label.text
property string checkedIcon: "qrc:///images/check-white.svg" property string checkedIcon: "qrc:///images/check-white.svg"
property string uncheckedIcon property string uncheckedIcon
property int imgWidth: 13 * scaleRatio property int imgWidth: 13
property int imgHeight: 13 * scaleRatio property int imgHeight: 13
property bool checked: false property bool checked: false
property alias background: backgroundRect.color property alias background: backgroundRect.color
property bool border: true property bool border: true
property int fontSize: 14 * scaleRatio property int fontSize: 14
property alias fontColor: label.color property alias fontColor: label.color
property bool iconOnTheLeft: true property bool iconOnTheLeft: true
signal clicked() signal clicked()
height: 25 * scaleRatio height: 25
width: checkBoxLayout.width width: checkBoxLayout.width
function toggle(){ function toggle(){
@ -58,7 +58,7 @@ Item {
RowLayout { RowLayout {
id: checkBoxLayout id: checkBoxLayout
layoutDirection: iconOnTheLeft ? Qt.LeftToRight : Qt.RightToLeft layoutDirection: iconOnTheLeft ? Qt.LeftToRight : Qt.RightToLeft
spacing: (!isMobile ? 10 : 8) * scaleRatio spacing: (!isMobile ? 10 : 8)
Item { Item {
id: checkMark id: checkMark

12
components/CheckBox2.qml
View file

@ -39,11 +39,11 @@ RowLayout {
id: checkBox id: checkBox
property alias text: label.text property alias text: label.text
property bool checked: false property bool checked: false
property int fontSize: 14 * scaleRatio property int fontSize: 14
property alias fontColor: label.color property alias fontColor: label.color
property int textMargin: 8 * scaleRatio property int textMargin: 8
signal clicked() signal clicked()
height: 25 * scaleRatio height: 25
function toggle(){ function toggle(){
checkBox.checked = !checkBox.checked checkBox.checked = !checkBox.checked
@ -75,13 +75,13 @@ RowLayout {
anchors.left: label.right anchors.left: label.right
anchors.leftMargin: textMargin anchors.leftMargin: textMargin
color: "transparent" color: "transparent"
rotation: checkBox.checked ? 180 * scaleRatio : 0 rotation: checkBox.checked ? 180 : 0
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
id: indicatorImage id: indicatorImage
anchors.centerIn: parent anchors.centerIn: parent
width: 12 * scaleRatio width: 12
height: 8 * scaleRatio height: 8
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1 : 0.75 opacity: MoneroComponents.Style.blackTheme ? 1 : 0.75

8
components/DaemonConsole.qml
View file

@ -92,9 +92,9 @@ Window {
id: mainLayout id: mainLayout
anchors.fill: parent anchors.fill: parent
anchors.topMargin: 20 * scaleRatio anchors.topMargin: 20
anchors.margins: 35 * scaleRatio anchors.margins: 35
spacing: 20 * scaleRatio spacing: 20
Item { Item {
Layout.fillHeight: true Layout.fillHeight: true
@ -118,7 +118,7 @@ Window {
selectByMouse: true selectByMouse: true
selectByKeyboard: true selectByKeyboard: true
font.family: MoneroComponents.Style.defaultFontColor font.family: MoneroComponents.Style.defaultFontColor
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
selectionColor: MoneroComponents.Style.textSelectionColor selectionColor: MoneroComponents.Style.textSelectionColor
wrapMode: TextEdit.Wrap wrapMode: TextEdit.Wrap

12
components/DatePicker.qml
View file

@ -94,7 +94,7 @@ Item {
Item { Item {
id: head id: head
anchors.top: inputLabelRect.bottom anchors.top: inputLabelRect.bottom
anchors.topMargin: 6 * scaleRatio anchors.topMargin: 6
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: 28 height: 28
@ -237,7 +237,7 @@ Item {
Image { Image {
id: button id: button
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 10 * scaleRatio anchors.rightMargin: 10
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
source: "qrc:///images/whiteDropIndicator.png" source: "qrc:///images/whiteDropIndicator.png"
visible: false visible: false
@ -266,7 +266,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.top: head.bottom anchors.top: head.bottom
anchors.topMargin: 10 * scaleRatio anchors.topMargin: 10
color: MoneroComponents.Style.middlePanelBackgroundColor color: MoneroComponents.Style.middlePanelBackgroundColor
border.width: 1 border.width: 1
border.color: MoneroComponents.Style.appWindowBorderColor border.color: MoneroComponents.Style.appWindowBorderColor
@ -293,7 +293,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
anchors.margins: 1 anchors.margins: 1
anchors.bottomMargin: 10 * scaleRatio anchors.bottomMargin: 10
height: 220 height: 220
frameVisible: false frameVisible: false
@ -396,7 +396,7 @@ Item {
Item { Item {
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 4 * scaleRatio anchors.leftMargin: 4
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
width: height width: height
@ -425,7 +425,7 @@ Item {
Item { Item {
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 4 * scaleRatio anchors.rightMargin: 4
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
width: height width: height

94
components/HistoryTable.qml
View file

@ -70,7 +70,7 @@ ListView {
} }
footer: Rectangle { footer: Rectangle {
height: 127 * scaleRatio height: 127
width: listView.width width: listView.width
color: "transparent" color: "transparent"
@ -86,12 +86,12 @@ ListView {
delegate: Rectangle { delegate: Rectangle {
id: delegate id: delegate
property bool collapsed: index ? false : true property bool collapsed: index ? false : true
height: collapsed ? 180 * scaleRatio : 70 * scaleRatio height: collapsed ? 180 : 70
width: listView.width width: listView.width
color: "transparent" color: "transparent"
function collapse(){ function collapse(){
delegate.height = 180 * scaleRatio; delegate.height = 180;
} }
// borders // borders
@ -130,29 +130,29 @@ ListView {
Rectangle { Rectangle {
id: row1 id: row1
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 20 * scaleRatio anchors.leftMargin: 20
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 20 * scaleRatio anchors.rightMargin: 20
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 15 * scaleRatio anchors.topMargin: 15
height: 40 * scaleRatio height: 40
color: "transparent" color: "transparent"
Image { Image {
id: arrowImage id: arrowImage
source: isOut ? "qrc:///images/downArrow.png" : confirmationsRequired === 60 ? "qrc:///images/miningxmr.png" : "qrc:///images/upArrow-green.png" source: isOut ? "qrc:///images/downArrow.png" : confirmationsRequired === 60 ? "qrc:///images/miningxmr.png" : "qrc:///images/upArrow-green.png"
height: 18 * scaleRatio height: 18
width: (confirmationsRequired === 60 ? 18 : 12) * scaleRatio width: (confirmationsRequired === 60 ? 18 : 12)
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 12 * scaleRatio anchors.topMargin: 12
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: txrxLabel id: txrxLabel
anchors.left: arrowImage.right anchors.left: arrowImage.right
anchors.leftMargin: 18 * scaleRatio anchors.leftMargin: 18
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: isOut ? qsTr("Sent") + translationManager.emptyString : qsTr("Received") + translationManager.emptyString text: isOut ? qsTr("Sent") + translationManager.emptyString : qsTr("Received") + translationManager.emptyString
color: "#808080" color: "#808080"
} }
@ -160,11 +160,11 @@ ListView {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: amountLabel id: amountLabel
anchors.left: arrowImage.right anchors.left: arrowImage.right
anchors.leftMargin: 18 * scaleRatio anchors.leftMargin: 18
anchors.top: txrxLabel.bottom anchors.top: txrxLabel.bottom
anchors.topMargin: 0 * scaleRatio anchors.topMargin: 0
font.family: MoneroComponents.Style.fontBold.name font.family: MoneroComponents.Style.fontBold.name
font.pixelSize: 18 * scaleRatio font.pixelSize: 18
font.bold: true font.bold: true
text: { text: {
var _amount = amount; var _amount = amount;
@ -198,7 +198,7 @@ ListView {
Rectangle { Rectangle {
anchors.right: parent.right anchors.right: parent.right
width: 300 * scaleRatio width: 300
height: parent.height height: parent.height
color: "transparent" color: "transparent"
@ -206,7 +206,7 @@ ListView {
id: dateLabel id: dateLabel
anchors.left: parent.left anchors.left: parent.left
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: date text: date
color: "#808080" color: "#808080"
} }
@ -214,10 +214,10 @@ ListView {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: timeLabel id: timeLabel
anchors.left: dateLabel.right anchors.left: dateLabel.right
anchors.leftMargin: 7 * scaleRatio anchors.leftMargin: 7
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 1 * scaleRatio anchors.topMargin: 1
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
text: time text: time
color: "#808080" color: "#808080"
} }
@ -230,7 +230,7 @@ ListView {
anchors.top: dateLabel.bottom anchors.top: dateLabel.bottom
anchors.topMargin: 0 anchors.topMargin: 0
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: { text: {
if(isOut){ if(isOut){
address = TxUtils.destinationsToAddress(destinations); address = TxUtils.destinationsToAddress(destinations);
@ -266,16 +266,16 @@ ListView {
} }
Rectangle { Rectangle {
height: 24 * scaleRatio height: 24
width: 24 * scaleRatio width: 24
color: "transparent" color: "transparent"
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Image { Image {
id: dropdownImage id: dropdownImage
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
source: "qrc:///images/whiteDropIndicator.png" source: "qrc:///images/whiteDropIndicator.png"
rotation: delegate.collapsed ? 180 : 0 rotation: delegate.collapsed ? 180 : 0
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
@ -297,19 +297,19 @@ ListView {
Rectangle { Rectangle {
id: row2 id: row2
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 20 * scaleRatio anchors.leftMargin: 20
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 20 * scaleRatio anchors.rightMargin: 20
anchors.top: row1.bottom anchors.top: row1.bottom
anchors.topMargin: 15 * scaleRatio anchors.topMargin: 15
height: 40 * scaleRatio height: 40
color: "transparent" color: "transparent"
visible: delegate.collapsed visible: delegate.collapsed
// left column // left column
MoneroComponents.HistoryTableInnerColumn{ MoneroComponents.HistoryTableInnerColumn{
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 30 * scaleRatio anchors.leftMargin: 30
labelHeader: qsTr("Transaction ID") + translationManager.emptyString labelHeader: qsTr("Transaction ID") + translationManager.emptyString
labelValue: hash.substring(0, 18) + "..." labelValue: hash.substring(0, 18) + "..."
@ -319,8 +319,8 @@ ListView {
// right column // right column
MoneroComponents.HistoryTableInnerColumn{ MoneroComponents.HistoryTableInnerColumn{
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 100 * scaleRatio anchors.rightMargin: 100
width: 200 * scaleRatio width: 200
height: parent.height height: parent.height
color: "transparent" color: "transparent"
@ -345,19 +345,19 @@ ListView {
Rectangle { Rectangle {
id: row3 id: row3
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 20 * scaleRatio anchors.leftMargin: 20
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 20 * scaleRatio anchors.rightMargin: 20
anchors.top: row2.bottom anchors.top: row2.bottom
anchors.topMargin: 15 * scaleRatio anchors.topMargin: 15
height: 40 * scaleRatio height: 40
color: "transparent" color: "transparent"
visible: delegate.collapsed visible: delegate.collapsed
// left column // left column
MoneroComponents.HistoryTableInnerColumn{ MoneroComponents.HistoryTableInnerColumn{
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 30 * scaleRatio anchors.leftMargin: 30
labelHeader: qsTr("Blockheight") labelHeader: qsTr("Blockheight")
labelValue: { labelValue: {
if (!isPending) if (!isPending)
@ -377,8 +377,8 @@ ListView {
// right column // right column
MoneroComponents.HistoryTableInnerColumn { MoneroComponents.HistoryTableInnerColumn {
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 80 * scaleRatio anchors.rightMargin: 80
width: 220 * scaleRatio width: 220
height: parent.height height: parent.height
color: "transparent" color: "transparent"
hashValue: hash hashValue: hash
@ -407,12 +407,12 @@ ListView {
id: proofButton id: proofButton
visible: isOut visible: isOut
color: "#404040" color: "#404040"
height: 24 * scaleRatio height: 24
width: 24 * scaleRatio width: 24
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.bottomMargin: 36 anchors.bottomMargin: 36
radius: 20 * scaleRatio radius: 20
MouseArea { MouseArea {
id: proofButtonMouseArea id: proofButtonMouseArea
@ -449,19 +449,19 @@ ListView {
text: "P" text: "P"
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
} }
} }
Rectangle { Rectangle {
id: detailsButton id: detailsButton
color: "#404040" color: "#404040"
height: 24 * scaleRatio height: 24
width: 24 * scaleRatio width: 24
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.bottomMargin: 6 anchors.bottomMargin: 6
radius: 20 * scaleRatio radius: 20
MouseArea { MouseArea {
id: detailsButtonMouseArea id: detailsButtonMouseArea
@ -496,7 +496,7 @@ ListView {
text: "?" text: "?"
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
} }
} }
} }

12
components/InlineButton.qml
View file

@ -46,9 +46,9 @@ Item {
property string releasedColor: "#FF6C3C" property string releasedColor: "#FF6C3C"
property string icon: "" property string icon: ""
property string textColor: MoneroComponents.Style.inlineButtonTextColor property string textColor: MoneroComponents.Style.inlineButtonTextColor
property int fontSize: small ? 14 * scaleRatio : 16 * scaleRatio property int fontSize: small ? 14 : 16
property int rectHeight: small ? 24 * scaleRatio : 24 * scaleRatio property int rectHeight: small ? 24 : 24
property int rectHMargin: small ? 16 * scaleRatio : 22 * scaleRatio property int rectHMargin: small ? 16 : 22
property alias text: inlineText.text property alias text: inlineText.text
property alias fontPixelSize: inlineText.font.pixelSize property alias fontPixelSize: inlineText.font.pixelSize
property alias fontFamily: inlineText.font.family property alias fontFamily: inlineText.font.family
@ -64,13 +64,13 @@ Item {
Rectangle{ Rectangle{
id: rect id: rect
color: MoneroComponents.Style.buttonInlineBackgroundColor color: MoneroComponents.Style.buttonInlineBackgroundColor
height: 24 * scaleRatio height: 24
width: inlineText.text ? (inlineText.width + 16) * scaleRatio : inlineButton.icon ? (inlineImage.width + 16) * scaleRatio : rect.height width: inlineText.text ? (inlineText.width + 16) : inlineButton.icon ? (inlineImage.width + 16) : rect.height
radius: 4 radius: 4
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 4 * scaleRatio anchors.rightMargin: 4
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: inlineText id: inlineText

2
components/Input.qml
View file

@ -33,7 +33,7 @@ import "../components" as MoneroComponents
TextField { TextField {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 18 * scaleRatio font.pixelSize: 18
font.bold: true font.bold: true
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
selectByMouse: true selectByMouse: true

8
components/InputDialog.qml
View file

@ -75,13 +75,13 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: 400 * scaleRatio Layout.maximumWidth: 400
Label { Label {
id: label id: label
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -95,7 +95,7 @@ Item {
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 24 * scaleRatio font.pixelSize: 24
KeyNavigation.tab: okButton KeyNavigation.tab: okButton
bottomPadding: 10 bottomPadding: 10
leftPadding: 10 leftPadding: 10
@ -124,7 +124,7 @@ Item {
// Ok/Cancel buttons // Ok/Cancel buttons
RowLayout { RowLayout {
id: buttons id: buttons
spacing: 16 * scaleRatio spacing: 16
Layout.topMargin: 16 Layout.topMargin: 16
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight

4
components/InputMulti.qml
View file

@ -33,7 +33,7 @@ import "../js/TxUtils.js" as TxUtils
import "../components" as MoneroComponents import "../components" as MoneroComponents
TextArea { TextArea {
property int fontSize: 18 * scaleRatio property int fontSize: 18
property bool fontBold: false property bool fontBold: false
property string fontColor: MoneroComponents.Style.defaultFontColor property string fontColor: MoneroComponents.Style.defaultFontColor
@ -51,7 +51,7 @@ TextArea {
selectionColor: MoneroComponents.Style.textSelectionColor selectionColor: MoneroComponents.Style.textSelectionColor
selectedTextColor: MoneroComponents.Style.textSelectedColor selectedTextColor: MoneroComponents.Style.textSelectedColor
property int minimumHeight: 100 * scaleRatio property int minimumHeight: 100
height: contentHeight > minimumHeight ? contentHeight : minimumHeight height: contentHeight > minimumHeight ? contentHeight : minimumHeight
onTextChanged: { onTextChanged: {

10
components/Label.qml
View file

@ -37,7 +37,7 @@ Item {
property alias color: label.color property alias color: label.color
property int textFormat: Text.PlainText property int textFormat: Text.PlainText
property string tipText: "" property string tipText: ""
property int fontSize: 16 * scaleRatio property int fontSize: 16
property bool fontBold: false property bool fontBold: false
property string fontColor: MoneroComponents.Style.defaultFontColor property string fontColor: MoneroComponents.Style.defaultFontColor
property string fontFamily: "" property string fontFamily: ""
@ -47,14 +47,14 @@ Item {
property alias textWidth: label.width property alias textWidth: label.width
property alias themeTransition: label.themeTransition property alias themeTransition: label.themeTransition
signal linkActivated() signal linkActivated()
height: label.height * scaleRatio height: label.height
width: label.width * scaleRatio width: label.width
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: label id: label
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.bottomMargin: 2 * scaleRatio anchors.bottomMargin: 2
anchors.left: parent.left anchors.left: parent.left
font.family: { font.family: {
if(fontFamily){ if(fontFamily){

2
components/LabelSubheader.qml
View file

@ -33,7 +33,7 @@ import "../components/effects/" as MoneroEffects
Label { Label {
id: item id: item
fontSize: 18 * scaleRatio fontSize: 18
Rectangle { Rectangle {
anchors.top: item.bottom anchors.top: item.bottom

8
components/LanguageSidebar.qml
View file

@ -48,7 +48,7 @@ Drawer {
isOpened = true; isOpened = true;
} }
width: 240 * scaleRatio width: 240
height: parent.height - (persistentSettings.customDecorations ? 50 : 0) height: parent.height - (persistentSettings.customDecorations ? 50 : 0)
y: titleBar.height y: titleBar.height
@ -77,13 +77,13 @@ Drawer {
id: item id: item
color: "transparent" color: "transparent"
width: sideBar.width width: sideBar.width
height: 32 * scaleRatio height: 32
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 16 * scaleRatio anchors.leftMargin: 16
font.bold: true font.bold: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: display_name text: display_name
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter

38
components/LineEdit.qml
View file

@ -40,7 +40,7 @@ Item {
property bool placeholderCenter: false property bool placeholderCenter: false
property string placeholderFontFamily: MoneroComponents.Style.fontRegular.name property string placeholderFontFamily: MoneroComponents.Style.fontRegular.name
property bool placeholderFontBold: false property bool placeholderFontBold: false
property int placeholderFontSize: 18 * scaleRatio property int placeholderFontSize: 18
property string placeholderColor: MoneroComponents.Style.defaultFontColor property string placeholderColor: MoneroComponents.Style.defaultFontColor
property real placeholderOpacity: 0.35 property real placeholderOpacity: 0.35
@ -65,7 +65,7 @@ Item {
} }
} }
property int fontSize: 18 * scaleRatio property int fontSize: 18
property bool fontBold: false property bool fontBold: false
property alias fontColor: input.color property alias fontColor: input.color
property bool error: false property bool error: false
@ -74,19 +74,19 @@ Item {
property alias labelTextFormat: inputLabel.textFormat property alias labelTextFormat: inputLabel.textFormat
property string backgroundColor: "transparent" property string backgroundColor: "transparent"
property string tipText: "" property string tipText: ""
property int labelFontSize: 16 * scaleRatio property int labelFontSize: 16
property bool labelFontBold: false property bool labelFontBold: false
property alias labelWrapMode: inputLabel.wrapMode property alias labelWrapMode: inputLabel.wrapMode
property alias labelHorizontalAlignment: inputLabel.horizontalAlignment property alias labelHorizontalAlignment: inputLabel.horizontalAlignment
property bool showingHeader: inputLabel.text !== "" || copyButton property bool showingHeader: inputLabel.text !== "" || copyButton
property int inputHeight: 42 * scaleRatio property int inputHeight: 42
signal labelLinkActivated(); // input label, rich text <a> signal signal labelLinkActivated(); // input label, rich text <a> signal
signal editingFinished(); signal editingFinished();
signal accepted(); signal accepted();
signal textUpdated(); signal textUpdated();
height: showingHeader ? (inputLabel.height + inputItem.height + 2) * scaleRatio : 42 * scaleRatio height: showingHeader ? (inputLabel.height + inputItem.height + 2) : 42
onTextUpdated: { onTextUpdated: {
// check to remove placeholder text when there is content // check to remove placeholder text when there is content
@ -141,9 +141,9 @@ Item {
Item{ Item{
id: inputItem id: inputItem
height: inputHeight * scaleRatio height: inputHeight
anchors.top: showingHeader ? inputLabel.bottom : parent.top anchors.top: showingHeader ? inputLabel.bottom : parent.top
anchors.topMargin: showingHeader ? 12 * scaleRatio : 2 * scaleRatio anchors.topMargin: showingHeader ? 12 : 2
width: parent.width width: parent.width
clip: true clip: true
@ -157,14 +157,14 @@ Item {
if(placeholderCenter){ if(placeholderCenter){
return undefined; return undefined;
} }
else if(inlineIcon.visible){ return 50 * scaleRatio; } else if(inlineIcon.visible){ return 50; }
else { return 10 * scaleRatio; } else { return 10; }
} }
opacity: item.placeholderOpacity opacity: item.placeholderOpacity
color: item.placeholderColor color: item.placeholderColor
font.family: item.placeholderFontFamily font.family: item.placeholderFontFamily
font.pixelSize: placeholderFontSize * scaleRatio font.pixelSize: placeholderFontSize
font.bold: item.placeholderFontBold font.bold: item.placeholderFontBold
text: "" text: ""
z: 3 z: 3
@ -172,7 +172,7 @@ Item {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.topMargin: 1 * scaleRatio anchors.topMargin: 1
color: "transparent" color: "transparent"
} }
@ -187,12 +187,12 @@ Item {
Image { Image {
id: inlineIcon id: inlineIcon
width: 26 * scaleRatio width: 26
height: 26 * scaleRatio height: 26
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 8 * scaleRatio anchors.topMargin: 8
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 12 * scaleRatio anchors.leftMargin: 12
source: "qrc:///images/moneroIcon-28x28.png" source: "qrc:///images/moneroIcon-28x28.png"
visible: false visible: false
} }
@ -200,21 +200,21 @@ Item {
MoneroComponents.Input { MoneroComponents.Input {
id: input id: input
anchors.fill: parent anchors.fill: parent
anchors.leftMargin: inlineIcon.visible ? 44 * scaleRatio : 0 anchors.leftMargin: inlineIcon.visible ? 44 : 0
font.pixelSize: item.fontSize font.pixelSize: item.fontSize
font.bold: item.fontBold font.bold: item.fontBold
onEditingFinished: item.editingFinished() onEditingFinished: item.editingFinished()
onAccepted: item.accepted(); onAccepted: item.accepted();
onTextChanged: item.textUpdated() onTextChanged: item.textUpdated()
topPadding: 10 * scaleRatio topPadding: 10
bottomPadding: 10 * scaleRatio bottomPadding: 10
} }
MoneroComponents.InlineButton { MoneroComponents.InlineButton {
id: inlineButtonId id: inlineButtonId
visible: item.inlineButtonText ? true : false visible: item.inlineButtonText ? true : false
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 8 * scaleRatio anchors.rightMargin: 8
} }
} }
} }

22
components/LineEditMulti.qml
View file

@ -41,16 +41,16 @@ ColumnLayout {
property alias labelButtonText: labelButton.text property alias labelButtonText: labelButton.text
property alias placeholderText: placeholderLabel.text property alias placeholderText: placeholderLabel.text
property int inputPaddingLeft: 10 * scaleRatio property int inputPaddingLeft: 10
property int inputPaddingRight: 10 * scaleRatio property int inputPaddingRight: 10
property int inputPaddingTop: 10 * scaleRatio property int inputPaddingTop: 10
property int inputPaddingBottom: 10 * scaleRatio property int inputPaddingBottom: 10
property int inputRadius: 4 property int inputRadius: 4
property bool placeholderCenter: false property bool placeholderCenter: false
property string placeholderFontFamily: MoneroComponents.Style.fontRegular.name property string placeholderFontFamily: MoneroComponents.Style.fontRegular.name
property bool placeholderFontBold: false property bool placeholderFontBold: false
property int placeholderFontSize: 18 * scaleRatio property int placeholderFontSize: 18
property string placeholderColor: MoneroComponents.Style.defaultFontColor property string placeholderColor: MoneroComponents.Style.defaultFontColor
property real placeholderOpacity: 0.35 property real placeholderOpacity: 0.35
@ -69,12 +69,12 @@ ColumnLayout {
property string labelFontColor: MoneroComponents.Style.defaultFontColor property string labelFontColor: MoneroComponents.Style.defaultFontColor
property bool labelFontBold: false property bool labelFontBold: false
property int labelFontSize: 16 * scaleRatio property int labelFontSize: 16
property bool labelButtonVisible: false property bool labelButtonVisible: false
property string fontColor: MoneroComponents.Style.defaultFontColor property string fontColor: MoneroComponents.Style.defaultFontColor
property bool fontBold: false property bool fontBold: false
property int fontSize: 16 * scaleRatio property int fontSize: 16
property bool mouseSelection: true property bool mouseSelection: true
property alias readOnly: input.readOnly property alias readOnly: input.readOnly
@ -100,7 +100,7 @@ ColumnLayout {
id: inputLabelRect id: inputLabelRect
color: "transparent" color: "transparent"
Layout.fillWidth: true Layout.fillWidth: true
height: (inputLabel.height + 10) * scaleRatio height: (inputLabel.height + 10)
visible: showingHeader ? true : false visible: showingHeader ? true : false
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -123,7 +123,7 @@ ColumnLayout {
RowLayout { RowLayout {
anchors.right: parent.right anchors.right: parent.right
spacing: 16 * scaleRatio spacing: 16
MoneroComponents.LabelButton { MoneroComponents.LabelButton {
id: labelButton id: labelButton
@ -177,7 +177,7 @@ ColumnLayout {
visible: input.text ? false : true visible: input.text ? false : true
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 10 * scaleRatio anchors.leftMargin: 10
opacity: item.placeholderOpacity opacity: item.placeholderOpacity
color: item.placeholderColor color: item.placeholderColor
font.family: item.placeholderFontFamily font.family: item.placeholderFontFamily
@ -200,7 +200,7 @@ ColumnLayout {
id: inlineButtonId id: inlineButtonId
visible: (inlineButtonId.text || inlineButtonId.icon) && inlineButtonVisible ? true : false visible: (inlineButtonId.text || inlineButtonId.icon) && inlineButtonVisible ? true : false
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 8 * scaleRatio anchors.rightMargin: 8
} }
} }
} }

22
components/MenuButton.qml
View file

@ -52,7 +52,7 @@ Rectangle {
var offset = 0 var offset = 0
var item = button var item = button
while (item.under) { while (item.under) {
offset += 20 * scaleRatio offset += 20
item = item.under item = item.under
} }
return offset return offset
@ -60,7 +60,7 @@ Rectangle {
color: "transparent" color: "transparent"
property bool present: !under || under.checked || checked || under.numSelectedChildren > 0 property bool present: !under || under.checked || checked || under.numSelectedChildren > 0
height: present ? ((appWindow.height >= 800) ? 44 * scaleRatio : 38 * scaleRatio ) : 0 height: present ? ((appWindow.height >= 800) ? 44 : 38 ) : 0
LinearGradient { LinearGradient {
visible: isOpenGL && button.checked visible: isOpenGL && button.checked
@ -88,7 +88,7 @@ Rectangle {
// button decorations that are subject to leftMargin offsets // button decorations that are subject to leftMargin offsets
Rectangle { Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: parent.getOffset() + 20 * scaleRatio anchors.leftMargin: parent.getOffset() + 20
height: parent.height height: parent.height
width: button.checked ? 20: 10 width: button.checked ? 20: 10
color: "transparent" color: "transparent"
@ -97,9 +97,9 @@ Rectangle {
Rectangle { Rectangle {
id: dot id: dot
anchors.centerIn: parent anchors.centerIn: parent
width: button.checked ? 20 * scaleRatio : 8 * scaleRatio width: button.checked ? 20 : 8
height: button.checked ? 20 * scaleRatio : 8 * scaleRatio height: button.checked ? 20 : 8
radius: button.checked ? 20 * scaleRatio : 4 * scaleRatio radius: button.checked ? 20 : 4
color: button.dotColor color: button.dotColor
// arrow if checked // arrow if checked
Image { Image {
@ -118,9 +118,9 @@ Rectangle {
themeTransitionWhiteColor: MoneroComponents.Style._w_menuButtonTextColor themeTransitionWhiteColor: MoneroComponents.Style._w_menuButtonTextColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.right anchors.left: parent.right
anchors.leftMargin: 8 * scaleRatio anchors.leftMargin: 8
font.bold: true font.bold: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
} }
} }
@ -129,7 +129,7 @@ Rectangle {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: parent.getOffset() anchors.leftMargin: parent.getOffset()
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 20 * scaleRatio anchors.rightMargin: 20
height: 14 height: 14
width: 8 width: 8
image: MoneroComponents.Style.menuButtonImageRightSource image: MoneroComponents.Style.menuButtonImageRightSource
@ -140,9 +140,9 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: symbolText id: symbolText
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 44 * scaleRatio anchors.rightMargin: 44
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.bold: true font.bold: true
color: button.checked || buttonArea.containsMouse ? MoneroComponents.Style.menuButtonTextColor : dot.color color: button.checked || buttonArea.containsMouse ? MoneroComponents.Style.menuButtonTextColor : dot.color
visible: appWindow.ctrlPressed visible: appWindow.ctrlPressed

40
components/MobileHeader.qml
View file

@ -11,16 +11,16 @@ Rectangle {
anchors.leftMargin: 1 anchors.leftMargin: 1
anchors.rightMargin: 1 anchors.rightMargin: 1
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 64 * scaleRatio Layout.preferredHeight: 64
color: "#FFFFFF" color: "#FFFFFF"
Image { Image {
id: logo id: logo
visible: appWindow.width > 460 * scaleRatio visible: appWindow.width > 460
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: -5 anchors.verticalCenterOffset: -5
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 50 * scaleRatio anchors.leftMargin: 50
source: "qrc:///images/moneroLogo2.png" source: "qrc:///images/moneroLogo2.png"
} }
@ -29,7 +29,7 @@ Rectangle {
visible: !logo.visible visible: !logo.visible
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 40 * scaleRatio anchors.leftMargin: 40
source: "qrc:///images/moneroIcon.png" source: "qrc:///images/moneroIcon.png"
} }
@ -37,16 +37,16 @@ Rectangle {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.topMargin: 10 * scaleRatio anchors.topMargin: 10
width: 256 * scaleRatio width: 256
columns: 3 columns: 3
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: balanceLabel id: balanceLabel
width: 116 * scaleRatio width: 116
height: 20 * scaleRatio height: 20
font.family: "Arial" font.family: "Arial"
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.letterSpacing: -1 font.letterSpacing: -1
elide: Text.ElideRight elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
@ -57,10 +57,10 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: balanceText id: balanceText
width: 110 * scaleRatio width: 110
height: 20 * scaleRatio height: 20
font.family: "Arial" font.family: "Arial"
font.pixelSize: 18 * scaleRatio font.pixelSize: 18
font.letterSpacing: -1 font.letterSpacing: -1
elide: Text.ElideRight elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
@ -70,8 +70,8 @@ Rectangle {
} }
Item { Item {
height: 20 * scaleRatio height: 20
width: 20 * scaleRatio width: 20
Image { Image {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -81,10 +81,10 @@ Rectangle {
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
width: 116 * scaleRatio width: 116
height: 20 * scaleRatio height: 20
font.family: "Arial" font.family: "Arial"
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.letterSpacing: -1 font.letterSpacing: -1
elide: Text.ElideRight elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
@ -95,10 +95,10 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: availableBalanceText id: availableBalanceText
width: 110 * scaleRatio width: 110
height: 20 * scaleRatio height: 20
font.family: "Arial" font.family: "Arial"
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.letterSpacing: -1 font.letterSpacing: -1
elide: Text.ElideRight elide: Text.ElideRight
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft

18
components/NetworkStatusItem.qml
View file

@ -58,12 +58,12 @@ Rectangle {
} }
RowLayout { RowLayout {
Layout.preferredHeight: 40 * scaleRatio Layout.preferredHeight: 40
Item { Item {
id: iconItem id: iconItem
width: 40 * scaleRatio width: 40
height: 40 * scaleRatio height: 40
opacity: { opacity: {
if(item.connected == Wallet.ConnectionStatus_Connected){ if(item.connected == Wallet.ConnectionStatus_Connected){
return 1 return 1
@ -74,9 +74,9 @@ Rectangle {
Image { Image {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: !appWindow.isMining ? 6 * scaleRatio : 4 * scaleRatio anchors.topMargin: !appWindow.isMining ? 6 : 4
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: !appWindow.isMining ? 11 * scaleRatio : 0 anchors.rightMargin: !appWindow.isMining ? 11 : 0
source: { source: {
if(appWindow.isMining) { if(appWindow.isMining) {
return "qrc:///images/miningxmr.png" return "qrc:///images/miningxmr.png"
@ -102,8 +102,8 @@ Rectangle {
} }
Item { Item {
height: 40 * scaleRatio height: 40
width: 260 * scaleRatio width: 260
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: statusText id: statusText
@ -112,7 +112,7 @@ Rectangle {
anchors.topMargin: 0 anchors.topMargin: 0
font.family: MoneroComponents.Style.fontMedium.name font.family: MoneroComponents.Style.fontMedium.name
font.bold: true font.bold: true
font.pixelSize: 13 * scaleRatio font.pixelSize: 13
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
opacity: MoneroComponents.Style.blackTheme ? 0.65 : 0.5 opacity: MoneroComponents.Style.blackTheme ? 0.65 : 0.5
text: qsTr("Network status") + translationManager.emptyString text: qsTr("Network status") + translationManager.emptyString
@ -125,7 +125,7 @@ Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 14 anchors.topMargin: 14
font.family: MoneroComponents.Style.fontMedium.name font.family: MoneroComponents.Style.fontMedium.name
font.pixelSize: 20 * scaleRatio font.pixelSize: 20
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: getConnectionStatusString(item.connected) + translationManager.emptyString text: getConnectionStatusString(item.connected) + translationManager.emptyString
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.7 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.7

38
components/NewPasswordDialog.qml
View file

@ -96,20 +96,20 @@ Item {
z: inactiveOverlay.z + 1 z: inactiveOverlay.z + 1
id: mainLayout id: mainLayout
spacing: 10 spacing: 10
anchors { fill: parent; margins: 35 * scaleRatio } anchors { fill: parent; margins: 35 }
ColumnLayout { ColumnLayout {
id: column id: column
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: 400 * scaleRatio Layout.maximumWidth: 400
Label { Label {
text: qsTr("Please enter new password") + translationManager.emptyString text: qsTr("Please enter new password") + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -122,7 +122,7 @@ Item {
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 24 * scaleRatio font.pixelSize: 24
echoMode: TextInput.Password echoMode: TextInput.Password
bottomPadding: 10 bottomPadding: 10
leftPadding: 10 leftPadding: 10
@ -139,8 +139,8 @@ Item {
color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF" color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF"
Image { Image {
width: 26 * scaleRatio width: 26
height: 26 * scaleRatio height: 26
opacity: 0.7 opacity: 0.7
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png" source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png"
@ -156,13 +156,13 @@ Item {
} }
onEntered: { onEntered: {
parent.opacity = 0.9 parent.opacity = 0.9
parent.width = 28 * scaleRatio parent.width = 28
parent.height = 28 * scaleRatio parent.height = 28
} }
onExited: { onExited: {
parent.opacity = 0.7 parent.opacity = 0.7
parent.width = 26 * scaleRatio parent.width = 26
parent.height = 26 * scaleRatio parent.height = 26
} }
} }
} }
@ -187,7 +187,7 @@ Item {
text: qsTr("Please confirm new password") + translationManager.emptyString text: qsTr("Please confirm new password") + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -200,7 +200,7 @@ Item {
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 24 * scaleRatio font.pixelSize: 24
echoMode: TextInput.Password echoMode: TextInput.Password
KeyNavigation.tab: okButton KeyNavigation.tab: okButton
bottomPadding: 10 bottomPadding: 10
@ -217,8 +217,8 @@ Item {
color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF" color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF"
Image { Image {
width: 26 * scaleRatio width: 26
height: 26 * scaleRatio height: 26
opacity: 0.7 opacity: 0.7
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png" source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png"
@ -235,13 +235,13 @@ Item {
} }
onEntered: { onEntered: {
parent.opacity = 0.9 parent.opacity = 0.9
parent.width = 28 * scaleRatio parent.width = 28
parent.height = 28 * scaleRatio parent.height = 28
} }
onExited: { onExited: {
parent.opacity = 0.7 parent.opacity = 0.7
parent.width = 26 * scaleRatio parent.width = 26
parent.height = 26 * scaleRatio parent.height = 26
} }
} }
} }
@ -271,7 +271,7 @@ Item {
// Ok/Cancel buttons // Ok/Cancel buttons
RowLayout { RowLayout {
id: buttons id: buttons
spacing: 16 * scaleRatio spacing: 16
Layout.topMargin: 16 Layout.topMargin: 16
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight

42
components/PassphraseDialog.qml
View file

@ -107,20 +107,20 @@ Item {
z: inactiveOverlay.z + 1 z: inactiveOverlay.z + 1
id: mainLayout id: mainLayout
spacing: 10 spacing: 10
anchors { fill: parent; margins: 35 * scaleRatio } anchors { fill: parent; margins: 35 }
ColumnLayout { ColumnLayout {
id: column id: column
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: 400 * scaleRatio Layout.maximumWidth: 400
Label { Label {
text: (root.walletName.length > 0 ? qsTr("Please enter wallet device passphrase for: ") + root.walletName : qsTr("Please enter wallet device passphrase")) + translationManager.emptyString text: (root.walletName.length > 0 ? qsTr("Please enter wallet device passphrase for: ") + root.walletName : qsTr("Please enter wallet device passphrase")) + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -131,7 +131,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
wrapMode: Text.Wrap wrapMode: Text.Wrap
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.warningColor color: MoneroComponents.Style.warningColor
@ -142,7 +142,7 @@ Item {
visible: root.errorText visible: root.errorText
color: MoneroComponents.Style.errorColor color: MoneroComponents.Style.errorColor
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
Layout.fillWidth: true Layout.fillWidth: true
wrapMode: Text.Wrap wrapMode: Text.Wrap
@ -155,7 +155,7 @@ Item {
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 24 * scaleRatio font.pixelSize: 24
echoMode: TextInput.Password echoMode: TextInput.Password
bottomPadding: 10 bottomPadding: 10
leftPadding: 10 leftPadding: 10
@ -172,8 +172,8 @@ Item {
color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF" color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF"
Image { Image {
width: 26 * scaleRatio width: 26
height: 26 * scaleRatio height: 26
opacity: 0.7 opacity: 0.7
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png" source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png"
@ -189,13 +189,13 @@ Item {
} }
onEntered: { onEntered: {
parent.opacity = 0.9 parent.opacity = 0.9
parent.width = 28 * scaleRatio parent.width = 28
parent.height = 28 * scaleRatio parent.height = 28
} }
onExited: { onExited: {
parent.opacity = 0.7 parent.opacity = 0.7
parent.width = 26 * scaleRatio parent.width = 26
parent.height = 26 * scaleRatio parent.height = 26
} }
} }
} }
@ -220,7 +220,7 @@ Item {
text: qsTr("Please re-enter") + translationManager.emptyString text: qsTr("Please re-enter") + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -233,7 +233,7 @@ Item {
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 24 * scaleRatio font.pixelSize: 24
echoMode: TextInput.Password echoMode: TextInput.Password
KeyNavigation.tab: okButton KeyNavigation.tab: okButton
bottomPadding: 10 bottomPadding: 10
@ -250,8 +250,8 @@ Item {
color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF" color: MoneroComponents.Style.blackTheme ? "black" : "#A9FFFFFF"
Image { Image {
width: 26 * scaleRatio width: 26
height: 26 * scaleRatio height: 26
opacity: 0.7 opacity: 0.7
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png" source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png"
@ -267,13 +267,13 @@ Item {
} }
onEntered: { onEntered: {
parent.opacity = 0.9 parent.opacity = 0.9
parent.width = 28 * scaleRatio parent.width = 28
parent.height = 28 * scaleRatio parent.height = 28
} }
onExited: { onExited: {
parent.opacity = 0.7 parent.opacity = 0.7
parent.width = 26 * scaleRatio parent.width = 26
parent.height = 26 * scaleRatio parent.height = 26
} }
} }
} }
@ -303,7 +303,7 @@ Item {
// Ok/Cancel buttons // Ok/Cancel buttons
RowLayout { RowLayout {
id: buttons id: buttons
spacing: 16 * scaleRatio spacing: 16
Layout.topMargin: 16 Layout.topMargin: 16
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight

24
components/PasswordDialog.qml
View file

@ -95,20 +95,20 @@ Item {
z: inactiveOverlay.z + 1 z: inactiveOverlay.z + 1
id: mainLayout id: mainLayout
spacing: 10 spacing: 10
anchors { fill: parent; margins: 35 * scaleRatio } anchors { fill: parent; margins: 35 }
ColumnLayout { ColumnLayout {
id: column id: column
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: 400 * scaleRatio Layout.maximumWidth: 400
Label { Label {
text: (root.walletName.length > 0 ? qsTr("Please enter wallet password for: ") + root.walletName : qsTr("Please enter wallet password")) + translationManager.emptyString text: (root.walletName.length > 0 ? qsTr("Please enter wallet password for: ") + root.walletName : qsTr("Please enter wallet password")) + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -119,7 +119,7 @@ Item {
visible: root.errorText || text !== "" visible: root.errorText || text !== ""
color: MoneroComponents.Style.errorColor color: MoneroComponents.Style.errorColor
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
Layout.fillWidth: true Layout.fillWidth: true
wrapMode: Text.Wrap wrapMode: Text.Wrap
@ -132,7 +132,7 @@ Item {
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 24 * scaleRatio font.pixelSize: 24
echoMode: TextInput.Password echoMode: TextInput.Password
KeyNavigation.tab: okButton KeyNavigation.tab: okButton
bottomPadding: 10 bottomPadding: 10
@ -166,8 +166,8 @@ Item {
} }
Image { Image {
width: 26 * scaleRatio width: 26
height: 26 * scaleRatio height: 26
opacity: 0.7 opacity: 0.7
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png" source: isHidden ? "qrc:///images/eyeShow.png" : "qrc:///images/eyeHide.png"
@ -185,13 +185,13 @@ Item {
} }
onEntered: { onEntered: {
parent.opacity = 0.9 parent.opacity = 0.9
parent.width = 28 * scaleRatio parent.width = 28
parent.height = 28 * scaleRatio parent.height = 28
} }
onExited: { onExited: {
parent.opacity = 0.7 parent.opacity = 0.7
parent.width = 26 * scaleRatio parent.width = 26
parent.height = 26 * scaleRatio parent.height = 26
} }
} }
} }
@ -227,7 +227,7 @@ Item {
// Ok/Cancel buttons // Ok/Cancel buttons
RowLayout { RowLayout {
id: buttons id: buttons
spacing: 16 * scaleRatio spacing: 16
Layout.topMargin: 16 Layout.topMargin: 16
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight

12
components/ProcessingSplash.qml
View file

@ -41,8 +41,8 @@ Rectangle {
property alias messageText: messageTitle.text property alias messageText: messageTitle.text
property alias heightProgressText : heightProgress.text property alias heightProgressText : heightProgress.text
width: 200 * scaleRatio width: 200
height: 100 * scaleRatio height: 100
opacity: 0.7 opacity: 0.7
function show() { function show() {
@ -60,8 +60,8 @@ Rectangle {
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 30 * scaleRatio anchors.leftMargin: 30
anchors.rightMargin: 30 * scaleRatio anchors.rightMargin: 30
spacing: 12 spacing: 12
@ -74,7 +74,7 @@ Rectangle {
id: messageTitle id: messageTitle
text: "Please wait..." text: "Please wait..."
font { font {
pixelSize: 22 * scaleRatio pixelSize: 22
} }
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
@ -87,7 +87,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: heightProgress id: heightProgress
font { font {
pixelSize: 18 * scaleRatio pixelSize: 18
} }
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter

22
components/ProgressBar.qml
View file

@ -56,9 +56,9 @@ Rectangle {
Item { Item {
anchors.top: item.top anchors.top: item.top
anchors.topMargin: 10 * scaleRatio anchors.topMargin: 10
anchors.leftMargin: 15 * scaleRatio anchors.leftMargin: 15
anchors.rightMargin: 15 * scaleRatio anchors.rightMargin: 15
anchors.fill: parent anchors.fill: parent
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -66,11 +66,11 @@ Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 6 anchors.topMargin: 6
font.family: MoneroComponents.Style.fontMedium.name font.family: MoneroComponents.Style.fontMedium.name
font.pixelSize: 13 * scaleRatio font.pixelSize: 13
font.bold: MoneroComponents.Style.progressBarProgressTextBold font.bold: MoneroComponents.Style.progressBarProgressTextBold
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: qsTr("Synchronizing %1").arg(syncType) + translationManager.emptyString text: qsTr("Synchronizing %1").arg(syncType) + translationManager.emptyString
height: 18 * scaleRatio height: 18
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -79,10 +79,10 @@ Rectangle {
anchors.topMargin: 6 anchors.topMargin: 6
anchors.right: parent.right anchors.right: parent.right
font.family: MoneroComponents.Style.fontMedium.name font.family: MoneroComponents.Style.fontMedium.name
font.pixelSize: 13 * scaleRatio font.pixelSize: 13
font.bold: MoneroComponents.Style.progressBarProgressTextBold font.bold: MoneroComponents.Style.progressBarProgressTextBold
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
height:18 * scaleRatio height:18
} }
Rectangle { Rectangle {
@ -91,8 +91,8 @@ Rectangle {
anchors.right: parent.right anchors.right: parent.right
anchors.top: progressText.bottom anchors.top: progressText.bottom
anchors.topMargin: 4 anchors.topMargin: 4
height: 8 * scaleRatio height: 8
radius: 8 * scaleRatio radius: 8
color: MoneroComponents.Style.progressBarBackgroundColor color: MoneroComponents.Style.progressBarBackgroundColor
states: [ states: [
@ -118,7 +118,7 @@ Rectangle {
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
height: bar.height height: bar.height
property int maxWidth: bar.width * scaleRatio property int maxWidth: bar.width
width: (maxWidth * fillLevel) / 100 width: (maxWidth * fillLevel) / 100
radius: 8 radius: 8
color: "#FA6800" color: "#FA6800"
@ -128,7 +128,7 @@ Rectangle {
color:"#333" color:"#333"
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 8 * scaleRatio anchors.leftMargin: 8
} }
} }

10
components/RadioButton.qml
View file

@ -35,10 +35,10 @@ Item {
id: radioButton id: radioButton
property alias text: label.text property alias text: label.text
property bool checked: false property bool checked: false
property int fontSize: 14 * scaleRatio property int fontSize: 14
property alias fontColor: label.color property alias fontColor: label.color
signal clicked() signal clicked()
height: 26 * scaleRatio height: 26
width: layout.width width: layout.width
// legacy properties // legacy properties
property var checkedColor: MoneroComponents.Style.blackTheme ? "white" : "#666666" property var checkedColor: MoneroComponents.Style.blackTheme ? "white" : "#666666"
@ -65,8 +65,8 @@ Item {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
color: checkedColor color: checkedColor
width: 10 * scaleRatio width: 10
height: 10 * scaleRatio height: 10
radius: 10 radius: 10
opacity: 0.8 opacity: 0.8
} }
@ -74,7 +74,7 @@ Item {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: label id: label
Layout.leftMargin: (!isMobile ? 10 : 8) * scaleRatio Layout.leftMargin: (!isMobile ? 10 : 8)
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: radioButton.fontSize font.pixelSize: radioButton.fontSize

6
components/RemoteNodeEdit.qml
View file

@ -47,16 +47,16 @@ GridLayout {
// the wizards get redesigned to the black-theme // the wizards get redesigned to the black-theme
property string placeholderFontFamily: MoneroComponents.Style.fontRegular.name property string placeholderFontFamily: MoneroComponents.Style.fontRegular.name
property bool placeholderFontBold: false property bool placeholderFontBold: false
property int placeholderFontSize: 15 * scaleRatio property int placeholderFontSize: 15
property string placeholderColor: MoneroComponents.Style.defaultFontColor property string placeholderColor: MoneroComponents.Style.defaultFontColor
property real placeholderOpacity: 0.35 property real placeholderOpacity: 0.35
property int labelFontSize: 14 * scaleRatio property int labelFontSize: 14
property string lineEditBackgroundColor: "transparent" property string lineEditBackgroundColor: "transparent"
property string lineEditBorderColor: MoneroComponents.Style.inputBorderColorInActive property string lineEditBorderColor: MoneroComponents.Style.inputBorderColorInActive
property string lineEditFontColor: MoneroComponents.Style.defaultFontColor property string lineEditFontColor: MoneroComponents.Style.defaultFontColor
property bool lineEditFontBold: false property bool lineEditFontBold: false
property int lineEditFontSize: 15 * scaleRatio property int lineEditFontSize: 15
signal editingFinished() signal editingFinished()
signal textChanged() signal textChanged()

14
components/StandardButton.qml
View file

@ -39,14 +39,14 @@ Item {
property bool small: false property bool small: false
property alias text: label.text property alias text: label.text
property int fontSize: { property int fontSize: {
if(small) return 14 * scaleRatio; if(small) return 14;
else return 16 * scaleRatio; else return 16;
} }
property alias label: label property alias label: label
signal clicked() signal clicked()
height: small ? 30 * scaleRatio : 36 * scaleRatio height: small ? 30 : 36
width: buttonLayout.width + 22 * scaleRatio width: buttonLayout.width + 22
implicitHeight: height implicitHeight: height
implicitWidth: width implicitWidth: width
@ -100,7 +100,7 @@ Item {
RowLayout { RowLayout {
id: buttonLayout id: buttonLayout
height: button.height height: button.height
spacing: 11 * scaleRatio spacing: 11
anchors.centerIn: parent anchors.centerIn: parent
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -127,8 +127,8 @@ Item {
Image { Image {
visible: button.rightIcon !== "" visible: button.rightIcon !== ""
Layout.alignment: Qt.AlignVCenter | Qt.AlignRight Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
width: button.small ? 16 * scaleRatio : 20 * scaleRatio width: button.small ? 16 : 20
height: button.small ? 16 * scaleRatio : 20 * scaleRatio height: button.small ? 16 : 20
source: { source: {
if(button.rightIconInactive !== "" && !button.enabled) { if(button.rightIconInactive !== "" && !button.enabled) {
return button.rightIconInactive; return button.rightIconInactive;

34
components/StandardDialog.qml
View file

@ -97,23 +97,23 @@ Rectangle {
} }
// TODO: implement without hardcoding sizes // TODO: implement without hardcoding sizes
width: isMobile ? screenWidth : 520 * scaleRatio width: isMobile ? screenWidth : 520
height: isMobile ? screenHeight : 380 * scaleRatio height: isMobile ? screenHeight : 380
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
spacing: 10 * scaleRatio spacing: 10
anchors.fill: parent anchors.fill: parent
anchors.margins: (isMobile? 17 : 20) * scaleRatio anchors.margins: (isMobile? 17 : 20)
RowLayout { RowLayout {
id: column id: column
Layout.topMargin: 14 * scaleRatio Layout.topMargin: 14
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.Label { MoneroComponents.Label {
id: dialogTitle id: dialogTitle
fontSize: 18 * scaleRatio fontSize: 18
fontFamily: "Arial" fontFamily: "Arial"
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
@ -122,7 +122,7 @@ Rectangle {
Item { Item {
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 240 * scaleRatio Layout.preferredHeight: 240
Flickable { Flickable {
id: flickable id: flickable
@ -137,7 +137,7 @@ Rectangle {
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
textFormat: TextEdit.AutoText textFormat: TextEdit.AutoText
readOnly: true readOnly: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
selectByMouse: false selectByMouse: false
wrapMode: TextEdit.Wrap wrapMode: TextEdit.Wrap
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -162,7 +162,7 @@ Rectangle {
// Ok/Cancel buttons // Ok/Cancel buttons
RowLayout { RowLayout {
id: buttons id: buttons
spacing: 60 * scaleRatio spacing: 60
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
@ -191,14 +191,14 @@ Rectangle {
id: closeButton id: closeButton
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
width: 48 * scaleRatio width: 48
height: 48 * scaleRatio height: 48
color: "transparent" color: "transparent"
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
anchors.centerIn: parent anchors.centerIn: parent
width: 16 * scaleRatio width: 16
height: 16 * scaleRatio height: 16
image: MoneroComponents.Style.titleBarCloseSource image: MoneroComponents.Style.titleBarCloseSource
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: 0.75 opacity: 0.75
@ -218,7 +218,7 @@ Rectangle {
// window borders // window borders
Rectangle{ Rectangle{
width: 1 * scaleRatio width: 1
color: MoneroComponents.Style.grey color: MoneroComponents.Style.grey
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
@ -226,7 +226,7 @@ Rectangle {
} }
Rectangle{ Rectangle{
width: 1 * scaleRatio width: 1
color: MoneroComponents.Style.grey color: MoneroComponents.Style.grey
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
@ -234,7 +234,7 @@ Rectangle {
} }
Rectangle{ Rectangle{
height: 1 * scaleRatio height: 1
color: MoneroComponents.Style.grey color: MoneroComponents.Style.grey
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
@ -242,7 +242,7 @@ Rectangle {
} }
Rectangle{ Rectangle{
height: 1 * scaleRatio height: 1
color: MoneroComponents.Style.grey color: MoneroComponents.Style.grey
anchors.left: parent.left anchors.left: parent.left
anchors.bottom: parent.bottom anchors.bottom: parent.bottom

26
components/StandardDropdown.qml
View file

@ -44,8 +44,8 @@ Item {
property alias currentIndex: columnid.currentIndex property alias currentIndex: columnid.currentIndex
property bool expanded: false property bool expanded: false
property int dropdownHeight: 42 property int dropdownHeight: 42
property int fontHeaderSize: 16 * scaleRatio property int fontHeaderSize: 16
property int fontItemSize: 14 * scaleRatio property int fontItemSize: 14
property string colorBorder: MoneroComponents.Style.inputBorderColorInActive property string colorBorder: MoneroComponents.Style.inputBorderColorInActive
property string colorHeaderBackground: "transparent" property string colorHeaderBackground: "transparent"
property bool headerBorder: true property bool headerBorder: true
@ -94,7 +94,7 @@ Item {
id: firstColText id: firstColText
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 12 * scaleRatio anchors.leftMargin: 12
elide: Text.ElideRight elide: Text.ElideRight
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.bold: dropdown.headerFontBold font.bold: dropdown.headerFontBold
@ -107,7 +107,7 @@ Item {
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.right: parent.right anchors.right: parent.right
width: 32 * scaleRatio width: 32
Image { Image {
id: dropdownIcon id: dropdownIcon
@ -120,7 +120,7 @@ Item {
source: dropdownIcon source: dropdownIcon
anchors.fill: dropdownIcon anchors.fill: dropdownIcon
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
rotation: dropdown.expanded ? 180 * scaleRatio : 0 rotation: dropdown.expanded ? 180 : 0
opacity: 1 opacity: 1
} }
} }
@ -146,14 +146,14 @@ Item {
Rectangle { Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
width: 3 * scaleRatio; height: 3 * scaleRatio width: 3; height: 3
color: dropdown.pressedColor color: dropdown.pressedColor
} }
Rectangle { Rectangle {
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
width: 3 * scaleRatio; height: 3 * scaleRatio width: 3; height: 3
color: dropdown.pressedColor color: dropdown.pressedColor
} }
@ -186,7 +186,7 @@ Item {
delegate: Rectangle { delegate: Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: (dropdown.dropdownHeight * 0.75) * scaleRatio height: (dropdown.dropdownHeight * 0.75)
//radius: index === repeater.count - 1 ? 4 : 0 //radius: index === repeater.count - 1 ? 4 : 0
color: itemArea.containsMouse || index === columnid.currentIndex || itemArea.containsMouse ? dropdown.releasedColor : dropdown.pressedColor color: itemArea.containsMouse || index === columnid.currentIndex || itemArea.containsMouse ? dropdown.releasedColor : dropdown.pressedColor
@ -195,7 +195,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.right: col2Text.left anchors.right: col2Text.left
anchors.leftMargin: 12 * scaleRatio anchors.leftMargin: 12
anchors.rightMargin: 0 anchors.rightMargin: 0
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.bold: true font.bold: true
@ -208,9 +208,9 @@ Item {
id: col2Text id: col2Text
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 45 * scaleRatio anchors.rightMargin: 45
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: "#FFFFFF" color: "#FFFFFF"
text: "" text: ""
} }
@ -218,14 +218,14 @@ Item {
Rectangle { Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
width: 3 * scaleRatio; height: 3 * scaleRatio width: 3; height: 3
color: parent.color color: parent.color
} }
Rectangle { Rectangle {
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
width: 3 * scaleRatio; height: 3 * scaleRatio width: 3; height: 3
color: parent.color color: parent.color
} }

2
components/TextPlain.qml
View file

@ -14,7 +14,7 @@ Text {
property string themeTransitionWhiteColor: "" property string themeTransitionWhiteColor: ""
font.family: MoneroComponents.Style.fontMedium.name font.family: MoneroComponents.Style.fontMedium.name
font.bold: false font.bold: false
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
textFormat: Text.PlainText textFormat: Text.PlainText
MoneroEffects.ColorTransition { MoneroEffects.ColorTransition {

2
components/TextPlainArea.qml
View file

@ -10,7 +10,7 @@ TextArea {
property string colorBlackTheme: "" property string colorBlackTheme: ""
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
selectByMouse: false selectByMouse: false
wrapMode: Text.WordWrap; wrapMode: Text.WordWrap;
textMargin: 0 textMargin: 0

6
components/TitleBar.qml
View file

@ -46,7 +46,7 @@ Rectangle {
height: { height: {
if(!persistentSettings.customDecorations || isMobile) return 0; if(!persistentSettings.customDecorations || isMobile) return 0;
return 50 * scaleRatio; return 50;
} }
z: 1 z: 1
@ -132,7 +132,7 @@ Rectangle {
Text { Text {
text: FontAwesome.globe text: FontAwesome.globe
font.family: FontAwesome.fontFamily font.family: FontAwesome.fontFamily
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
@ -158,7 +158,7 @@ Rectangle {
Text { Text {
text: MoneroComponents.Style.blackTheme ? FontAwesome.lightbulbO : FontAwesome.moonO text: MoneroComponents.Style.blackTheme ? FontAwesome.lightbulbO : FontAwesome.moonO
font.family: FontAwesome.fontFamily font.family: FontAwesome.fontFamily
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter

22
components/WarningBox.qml
View file

@ -8,7 +8,7 @@ Rectangle {
id: root id: root
property alias text: content.text property alias text: content.text
property alias textColor: content.color property alias textColor: content.color
property int fontSize: 15 * scaleRatio property int fontSize: 15
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: warningLayout.height Layout.preferredHeight: warningLayout.height
@ -28,12 +28,12 @@ Rectangle {
Image { Image {
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
Layout.preferredHeight: 33 * scaleRatio Layout.preferredHeight: 33
Layout.preferredWidth: 33 * scaleRatio Layout.preferredWidth: 33
Layout.rightMargin: 12 * scaleRatio Layout.rightMargin: 12
Layout.leftMargin: 18 * scaleRatio Layout.leftMargin: 18
Layout.topMargin: 12 * scaleRatio Layout.topMargin: 12
Layout.bottomMargin: 12 * scaleRatio Layout.bottomMargin: 12
source: "qrc:///images/warning.png" source: "qrc:///images/warning.png"
} }
@ -48,10 +48,10 @@ Rectangle {
textFormat: Text.RichText textFormat: Text.RichText
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
textMargin: 0 textMargin: 0
leftPadding: 4 * scaleRatio leftPadding: 4
rightPadding: 18 * scaleRatio rightPadding: 18
topPadding: 10 * scaleRatio topPadding: 10
bottomPadding: 10 * scaleRatio bottomPadding: 10
readOnly: true readOnly: true
onLinkActivated: root.linkActivated(); onLinkActivated: root.linkActivated();

5
main.cpp
View file

@ -282,11 +282,6 @@ int main(int argc, char *argv[])
engine.rootContext()->setContextProperty("screenWidth", geo.width()); engine.rootContext()->setContextProperty("screenWidth", geo.width());
engine.rootContext()->setContextProperty("screenHeight", geo.height()); engine.rootContext()->setContextProperty("screenHeight", geo.height());
#ifdef Q_OS_ANDROID
engine.rootContext()->setContextProperty("scaleRatio", calculated_ratio);
#else
engine.rootContext()->setContextProperty("scaleRatio", 1);
#endif
#ifndef Q_OS_IOS #ifndef Q_OS_IOS
const QString desktopFolder = QStandardPaths::writableLocation(QStandardPaths::DesktopLocation); const QString desktopFolder = QStandardPaths::writableLocation(QStandardPaths::DesktopLocation);

12
main.qml
View file

@ -1411,7 +1411,7 @@ ApplicationWindow {
visible: isMobile visible: isMobile
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: visible? 65 * scaleRatio : 0 height: visible? 65 : 0
MouseArea { MouseArea {
enabled: persistentSettings.customDecorations enabled: persistentSettings.customDecorations
@ -1769,7 +1769,7 @@ ApplicationWindow {
y: 6 y: 6
lineHeight: 0.7 lineHeight: 0.7
font.family: "Arial" font.family: "Arial"
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
color: "#FFFFFF" color: "#FFFFFF"
} }
} }
@ -1866,15 +1866,15 @@ ApplicationWindow {
visible: false visible: false
property alias text: statusMessageText.text property alias text: statusMessageText.text
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
width: statusMessageText.contentWidth + 20 * scaleRatio width: statusMessageText.contentWidth + 20
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
color: MoneroComponents.Style.blackTheme ? "black" : "white" color: MoneroComponents.Style.blackTheme ? "black" : "white"
height: 40 * scaleRatio height: 40
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: statusMessageText id: statusMessageText
anchors.fill: parent anchors.fill: parent
anchors.margins: 10 * scaleRatio anchors.margins: 10
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
themeTransition: false themeTransition: false
} }

38
pages/Account.qml
View file

@ -64,14 +64,14 @@ Rectangle {
/* main layout */ /* main layout */
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 20 * scaleRatio spacing: 20
ColumnLayout { ColumnLayout {
id: balanceRow id: balanceRow
@ -85,7 +85,7 @@ Rectangle {
} }
RowLayout { RowLayout {
Layout.topMargin: 22 * scaleRatio Layout.topMargin: 22
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
text: qsTr("Total balance: ") + translationManager.emptyString text: qsTr("Total balance: ") + translationManager.emptyString
@ -118,7 +118,7 @@ Rectangle {
} }
RowLayout { RowLayout {
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
text: qsTr("Total unlocked balance: ") + translationManager.emptyString text: qsTr("Total unlocked balance: ") + translationManager.emptyString
@ -164,8 +164,8 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: subaddressAccountListRow id: subaddressAccountListRow
property int subaddressAccountListItemHeight: 50 * scaleRatio property int subaddressAccountListItemHeight: 50
Layout.topMargin: 6 * scaleRatio Layout.topMargin: 6
Layout.fillWidth: true Layout.fillWidth: true
Layout.minimumWidth: 240 Layout.minimumWidth: 240
Layout.preferredHeight: subaddressAccountListItemHeight * subaddressAccountListView.count Layout.preferredHeight: subaddressAccountListItemHeight * subaddressAccountListView.count
@ -202,8 +202,8 @@ Rectangle {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.topMargin: 5 * scaleRatio anchors.topMargin: 5
anchors.rightMargin: 80 * scaleRatio anchors.rightMargin: 80
color: "transparent" color: "transparent"
MoneroComponents.Label { MoneroComponents.Label {
@ -211,8 +211,8 @@ Rectangle {
color: index === appWindow.current_subaddress_account_table_index ? MoneroComponents.Style.defaultFontColor : "#757575" color: index === appWindow.current_subaddress_account_table_index ? MoneroComponents.Style.defaultFontColor : "#757575"
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 6 * scaleRatio anchors.leftMargin: 6
fontSize: 14 * scaleRatio fontSize: 14
fontBold: true fontBold: true
text: "#" + index text: "#" + index
themeTransition: false themeTransition: false
@ -223,8 +223,8 @@ Rectangle {
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: idLabel.right anchors.left: idLabel.right
anchors.leftMargin: 6 * scaleRatio anchors.leftMargin: 6
fontSize: 14 * scaleRatio fontSize: 14
fontBold: true fontBold: true
text: label text: label
elide: Text.ElideRight elide: Text.ElideRight
@ -237,8 +237,8 @@ Rectangle {
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: balanceLabel.left anchors.left: balanceLabel.left
anchors.leftMargin: (mainLayout.width < 510 ? -70 : -125) * scaleRatio anchors.leftMargin: (mainLayout.width < 510 ? -70 : -125)
fontSize: 14 * scaleRatio fontSize: 14
fontBold: true fontBold: true
text: TxUtils.addressTruncate(address, mainLayout.width < 510 ? 3 : 6) text: TxUtils.addressTruncate(address, mainLayout.width < 510 ? 3 : 6)
themeTransition: false themeTransition: false
@ -249,8 +249,8 @@ Rectangle {
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.right anchors.left: parent.right
anchors.leftMargin: (mainLayout.width < 510 ? -120 : -180) * scaleRatio anchors.leftMargin: (mainLayout.width < 510 ? -120 : -180)
fontSize: 14 * scaleRatio fontSize: 14
fontBold: true fontBold: true
text: qsTr("Balance: ") + balance text: qsTr("Balance: ") + balance
elide: mainLayout.width < 510 ? Text.ElideRight : Text.ElideNone elide: mainLayout.width < 510 ? Text.ElideRight : Text.ElideNone
@ -339,10 +339,10 @@ Rectangle {
border: false border: false
checkedIcon: "qrc:///images/plus-in-circle-medium-white.png" checkedIcon: "qrc:///images/plus-in-circle-medium-white.png"
uncheckedIcon: "qrc:///images/plus-in-circle-medium-white.png" uncheckedIcon: "qrc:///images/plus-in-circle-medium-white.png"
fontSize: 14 * scaleRatio fontSize: 14
iconOnTheLeft: true iconOnTheLeft: true
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
text: qsTr("Create new account") + translationManager.emptyString; text: qsTr("Create new account") + translationManager.emptyString;
onClicked: { onClicked: {
inputDialog.labelText = qsTr("Set the label of the new account:") + translationManager.emptyString inputDialog.labelText = qsTr("Set the label of the new account:") + translationManager.emptyString

36
pages/AddressBook.qml
View file

@ -51,14 +51,14 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 20 * scaleRatio spacing: 20
ColumnLayout { ColumnLayout {
id: addressBookEmptyLayout id: addressBookEmptyLayout
@ -71,7 +71,7 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 32 * scaleRatio font.pixelSize: 32
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
selectByMouse: false selectByMouse: false
wrapMode: Text.WordWrap; wrapMode: Text.WordWrap;
@ -94,7 +94,7 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
selectByMouse: false selectByMouse: false
wrapMode: Text.WordWrap; wrapMode: Text.WordWrap;
@ -130,13 +130,13 @@ Rectangle {
MoneroComponents.Label { MoneroComponents.Label {
Layout.bottomMargin: 20 Layout.bottomMargin: 20
fontSize: 32 * scaleRatio fontSize: 32
text: qsTr("Address book") + translationManager.emptyString text: qsTr("Address book") + translationManager.emptyString
} }
ColumnLayout { ColumnLayout {
id: addressBookListRow id: addressBookListRow
property int addressBookListItemHeight: 50 * scaleRatio property int addressBookListItemHeight: 50
Layout.fillWidth: true Layout.fillWidth: true
Layout.minimumWidth: 240 Layout.minimumWidth: 240
Layout.preferredHeight: addressBookListItemHeight * addressBookListView.count Layout.preferredHeight: addressBookListItemHeight * addressBookListView.count
@ -177,8 +177,8 @@ Rectangle {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.topMargin: 5 * scaleRatio anchors.topMargin: 5
anchors.rightMargin: 110 * scaleRatio anchors.rightMargin: 110
color: "transparent" color: "transparent"
MoneroComponents.Label { MoneroComponents.Label {
@ -186,8 +186,8 @@ Rectangle {
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 6 * scaleRatio anchors.leftMargin: 6
fontSize: 16 * scaleRatio fontSize: 16
text: description text: description
elide: Text.ElideRight elide: Text.ElideRight
textWidth: addressLabel.x - descriptionLabel.x - 1 textWidth: addressLabel.x - descriptionLabel.x - 1
@ -198,9 +198,9 @@ Rectangle {
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.right anchors.left: parent.right
anchors.leftMargin: -addressLabel.width - 5 * scaleRatio anchors.leftMargin: -addressLabel.width - 5
fontSize: 16 * scaleRatio fontSize: 16
fontFamily: MoneroComponents.Style.fontMonoRegular.name; fontFamily: MoneroComponents.Style.fontMonoRegular.name;
text: TxUtils.addressTruncatePretty(address, mainLayout.width < 540 ? 1 : (mainLayout.width < 700 ? 2 : 3)); text: TxUtils.addressTruncatePretty(address, mainLayout.width < 540 ? 1 : (mainLayout.width < 700 ? 2 : 3));
} }
@ -285,10 +285,10 @@ Rectangle {
border: false border: false
checkedIcon: "qrc:///images/plus-in-circle-medium-white.png" checkedIcon: "qrc:///images/plus-in-circle-medium-white.png"
uncheckedIcon: "qrc:///images/plus-in-circle-medium-white.png" uncheckedIcon: "qrc:///images/plus-in-circle-medium-white.png"
fontSize: 16 * scaleRatio fontSize: 16
iconOnTheLeft: true iconOnTheLeft: true
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
text: qsTr("Add address") + translationManager.emptyString; text: qsTr("Add address") + translationManager.emptyString;
onClicked: { onClicked: {
root.showAddAddress(); root.showAddAddress();
@ -302,7 +302,7 @@ Rectangle {
spacing: 0 spacing: 0
MoneroComponents.Label { MoneroComponents.Label {
fontSize: 32 * scaleRatio fontSize: 32
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
text: (root.editEntry ? qsTr("Edit an address") : qsTr("Add an address")) + translationManager.emptyString text: (root.editEntry ? qsTr("Edit an address") : qsTr("Add an address")) + translationManager.emptyString
} }
@ -424,7 +424,7 @@ Rectangle {
Text { Text {
id: cancelButton id: cancelButton
Layout.leftMargin: 20 Layout.leftMargin: 20
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.bold: false font.bold: false
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: qsTr("Cancel") + translationManager.emptyString text: qsTr("Cancel") + translationManager.emptyString
@ -441,7 +441,7 @@ Rectangle {
id: deleteButton id: deleteButton
visible: root.editEntry visible: root.editEntry
Layout.leftMargin: 20 Layout.leftMargin: 20
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.bold: false font.bold: false
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: qsTr("Delete") + translationManager.emptyString text: qsTr("Delete") + translationManager.emptyString

174
pages/History.qml
View file

@ -47,7 +47,7 @@ import "../js/TxUtils.js" as TxUtils
Rectangle { Rectangle {
id: root id: root
property var model property var model
property int sideMargin: 50 * scaleRatio property int sideMargin: 50
property var initialized: false property var initialized: false
property int txMax: 5 property int txMax: 5
property int txOffset: 0 property int txOffset: 0
@ -69,7 +69,7 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: pageRoot id: pageRoot
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
@ -80,10 +80,10 @@ Rectangle {
Layout.preferredWidth: parent.width - root.sideMargin Layout.preferredWidth: parent.width - root.sideMargin
Layout.leftMargin: sideMargin Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin Layout.rightMargin: sideMargin
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
MoneroComponents.Label { MoneroComponents.Label {
fontSize: 24 * scaleRatio fontSize: 24
text: qsTr("Transactions") + translationManager.emptyString text: qsTr("Transactions") + translationManager.emptyString
} }
@ -97,12 +97,12 @@ Rectangle {
Layout.alignment: Qt.AlignRight | Qt.AlignBottom Layout.alignment: Qt.AlignRight | Qt.AlignBottom
Layout.preferredWidth: 100 Layout.preferredWidth: 100
Layout.preferredHeight: 15 Layout.preferredHeight: 15
spacing: 8 * scaleRatio spacing: 8
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Sort & filter") + translationManager.emptyString text: qsTr("Sort & filter") + translationManager.emptyString
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -119,8 +119,8 @@ Rectangle {
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
id: sortCollapsedIcon id: sortCollapsedIcon
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14 fontAwesomeFallbackSize: 14
@ -141,7 +141,7 @@ Rectangle {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.leftMargin: sideMargin Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin Layout.rightMargin: sideMargin
visible: sortAndFilter.collapsed visible: sortAndFilter.collapsed
@ -149,12 +149,12 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: searchInput id: searchInput
Layout.fillWidth: true Layout.fillWidth: true
input.topPadding: 6 * scaleRatio input.topPadding: 6
input.bottomPadding: 6 * scaleRatio input.bottomPadding: 6
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderText: qsTr("Search...") + translationManager.emptyString placeholderText: qsTr("Search...") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
inputHeight: 34 inputHeight: 34
onTextUpdated: { onTextUpdated: {
if(searchInput.text != null && searchInput.text.length >= 3){ if(searchInput.text != null && searchInput.text.length >= 3){
@ -173,19 +173,19 @@ Rectangle {
GridLayout { GridLayout {
visible: sortAndFilter.collapsed visible: sortAndFilter.collapsed
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 4 * scaleRatio Layout.topMargin: 4
Layout.leftMargin: sideMargin Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin Layout.rightMargin: sideMargin
columns: 2 columns: 2
columnSpacing: 20 * scaleRatio columnSpacing: 20
z: 6 z: 6
MoneroComponents.DatePicker { MoneroComponents.DatePicker {
id: fromDatePicker id: fromDatePicker
Layout.fillWidth: true Layout.fillWidth: true
width: 100 * scaleRatio width: 100
inputLabel.text: qsTr("Date from") + translationManager.emptyString inputLabel.text: qsTr("Date from") + translationManager.emptyString
inputLabel.font.pixelSize: 14 * scaleRatio inputLabel.font.pixelSize: 14
onCurrentDateChanged: { onCurrentDateChanged: {
if(root.initialized){ if(root.initialized){
root.reset(); root.reset();
@ -197,7 +197,7 @@ Rectangle {
MoneroComponents.DatePicker { MoneroComponents.DatePicker {
id: toDatePicker id: toDatePicker
Layout.fillWidth: true Layout.fillWidth: true
width: 100 * scaleRatio width: 100
inputLabel.text: qsTr("Date to") + translationManager.emptyString inputLabel.text: qsTr("Date to") + translationManager.emptyString
onCurrentDateChanged: { onCurrentDateChanged: {
@ -210,8 +210,8 @@ Rectangle {
} }
RowLayout { RowLayout {
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
Layout.bottomMargin: 20 * scaleRatio Layout.bottomMargin: 20
Layout.fillWidth: true Layout.fillWidth: true
Layout.leftMargin: sideMargin Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin Layout.rightMargin: sideMargin
@ -219,12 +219,12 @@ Rectangle {
Rectangle { Rectangle {
visible: sortAndFilter.collapsed visible: sortAndFilter.collapsed
color: "transparent" color: "transparent"
Layout.preferredWidth: childrenRect.width + 38 * scaleRatio Layout.preferredWidth: childrenRect.width + 38
Layout.preferredHeight: 20 Layout.preferredHeight: 20
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Sort by") + ":" text: qsTr("Sort by") + ":"
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -235,7 +235,7 @@ Rectangle {
visible: sortAndFilter.collapsed visible: sortAndFilter.collapsed
id: sortBlockheight id: sortBlockheight
color: "transparent" color: "transparent"
Layout.preferredWidth: sortBlockheightText.width + 42 * scaleRatio Layout.preferredWidth: sortBlockheightText.width + 42
Layout.preferredHeight: 20 Layout.preferredHeight: 20
RowLayout { RowLayout {
@ -245,7 +245,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: sortBlockheightText id: sortBlockheightText
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Blockheight") + translationManager.emptyString text: qsTr("Blockheight") + translationManager.emptyString
color: root.sortBy === "blockheight" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor color: root.sortBy === "blockheight" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -253,8 +253,8 @@ Rectangle {
} }
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
visible: root.sortBy === "blockheight" ? true : false visible: root.sortBy === "blockheight" ? true : false
opacity: root.sortBy === "blockheight" ? 1 : 0.2 opacity: root.sortBy === "blockheight" ? 1 : 0.2
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
@ -295,7 +295,7 @@ Rectangle {
Rectangle { Rectangle {
visible: sortAndFilter.collapsed visible: sortAndFilter.collapsed
color: "transparent" color: "transparent"
Layout.preferredWidth: sortDateText.width + 42 * scaleRatio Layout.preferredWidth: sortDateText.width + 42
Layout.preferredHeight: 20 Layout.preferredHeight: 20
RowLayout { RowLayout {
@ -305,7 +305,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: sortDateText id: sortDateText
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Date") + translationManager.emptyString text: qsTr("Date") + translationManager.emptyString
color: root.sortBy === "timestamp" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor color: root.sortBy === "timestamp" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor
themeTransition: false themeTransition: false
@ -313,8 +313,8 @@ Rectangle {
} }
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
visible: root.sortBy === "timestamp" ? true : false visible: root.sortBy === "timestamp" ? true : false
opacity: root.sortBy === "timestamp" ? 1 : 0.2 opacity: root.sortBy === "timestamp" ? 1 : 0.2
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
@ -355,7 +355,7 @@ Rectangle {
Rectangle { Rectangle {
visible: sortAndFilter.collapsed visible: sortAndFilter.collapsed
color: "transparent" color: "transparent"
Layout.preferredWidth: sortAmountText.width + 42 * scaleRatio Layout.preferredWidth: sortAmountText.width + 42
Layout.preferredHeight: 20 Layout.preferredHeight: 20
RowLayout { RowLayout {
@ -365,7 +365,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: sortAmountText id: sortAmountText
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Amount") + translationManager.emptyString text: qsTr("Amount") + translationManager.emptyString
color: root.sortBy === "amount" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor color: root.sortBy === "amount" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor
themeTransition: false themeTransition: false
@ -373,8 +373,8 @@ Rectangle {
} }
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
visible: root.sortBy === "amount" ? true : false visible: root.sortBy === "amount" ? true : false
opacity: root.sortBy === "amount" ? 1 : 0.2 opacity: root.sortBy === "amount" ? 1 : 0.2
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
@ -419,7 +419,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
// status message // status message
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: root.historyStatusMessage text: root.historyStatusMessage
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -440,12 +440,12 @@ Rectangle {
Rectangle { Rectangle {
color: "transparent" color: "transparent"
Layout.preferredWidth: childrenRect.width + 2 * scaleRatio Layout.preferredWidth: childrenRect.width + 2
Layout.preferredHeight: 20 Layout.preferredHeight: 20
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Page") + ":" text: qsTr("Page") + ":"
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -454,9 +454,9 @@ Rectangle {
Rectangle { Rectangle {
color: "transparent" color: "transparent"
Layout.preferredWidth: childrenRect.width + 10 * scaleRatio Layout.preferredWidth: childrenRect.width + 10
Layout.leftMargin: 4 * scaleRatio Layout.leftMargin: 4
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: paginationText id: paginationText
@ -496,8 +496,8 @@ Rectangle {
Rectangle { Rectangle {
id: paginationPrev id: paginationPrev
Layout.preferredWidth: 18 * scaleRatio Layout.preferredWidth: 18
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
color: "transparent" color: "transparent"
opacity: enabled ? 1.0 : 0.2 opacity: enabled ? 1.0 : 0.2
enabled: false enabled: false
@ -506,8 +506,8 @@ Rectangle {
id: prevIcon id: prevIcon
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14 fontAwesomeFallbackSize: 14
@ -528,8 +528,8 @@ Rectangle {
Rectangle { Rectangle {
id: paginationNext id: paginationNext
Layout.preferredWidth: 18 * scaleRatio Layout.preferredWidth: 18
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
color: "transparent" color: "transparent"
opacity: enabled ? 1.0 : 0.2 opacity: enabled ? 1.0 : 0.2
enabled: false enabled: false
@ -538,8 +538,8 @@ Rectangle {
id: nextIcon id: nextIcon
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right anchors.right: parent.right
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14 fontAwesomeFallbackSize: 14
@ -591,11 +591,11 @@ Rectangle {
Rectangle { Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 24 * scaleRatio anchors.topMargin: 24
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
width: 10 * scaleRatio width: 10
height: 10 * scaleRatio height: 10
radius: 8 * scaleRatio radius: 8
color: isout ? "#d85a00" : "#2eb358" color: isout ? "#d85a00" : "#2eb358"
} }
} }
@ -633,7 +633,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: isout ? qsTr("Sent") : qsTr("Received") + translationManager.emptyString text: isout ? qsTr("Sent") : qsTr("Received") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -649,7 +649,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: _amount + " XMR" text: _amount + " XMR"
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -683,7 +683,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: isout ? qsTr("Fee") : confirmationsRequired === 60 ? qsTr("Mined") : qsTr("Fee") + translationManager.emptyString text: isout ? qsTr("Fee") : confirmationsRequired === 60 ? qsTr("Mined") : qsTr("Fee") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -699,7 +699,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: { text: {
if(!isout && confirmationsRequired === 60) return qsTr("Yes") + translationManager.emptyString; if(!isout && confirmationsRequired === 60) return qsTr("Yes") + translationManager.emptyString;
if(fee !== "") return fee + " XMR"; if(fee !== "") return fee + " XMR";
@ -744,7 +744,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Blockheight") + translationManager.emptyString text: qsTr("Blockheight") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -760,7 +760,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: blockheight > 0 ? blockheight : qsTr('Pending') + translationManager.emptyString; text: blockheight > 0 ? blockheight : qsTr('Pending') + translationManager.emptyString;
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -795,7 +795,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Confirmations") + translationManager.emptyString text: qsTr("Confirmations") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -812,7 +812,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
property bool confirmed: confirmations < confirmationsRequired ? false : true property bool confirmed: confirmations < confirmationsRequired ? false : true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: confirmed ? confirmations : confirmations + "/" + confirmationsRequired text: confirmed ? confirmations : confirmations + "/" + confirmationsRequired
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -852,7 +852,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Date") text: qsTr("Date")
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -868,7 +868,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: persistentSettings.historyHumanDates ? dateHuman : date + " " + time text: persistentSettings.historyHumanDates ? dateHuman : date + " " + time
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -909,8 +909,8 @@ Rectangle {
text: FontAwesome.info text: FontAwesome.info
small: true small: true
label.font.family: FontAwesome.fontFamily label.font.family: FontAwesome.fontFamily
fontSize: 18 * scaleRatio fontSize: 18
width: 28 * scaleRatio width: 28
MouseArea { MouseArea {
state: "details" state: "details"
@ -926,7 +926,7 @@ Rectangle {
Image { Image {
visible: !isout && confirmationsRequired === 60 visible: !isout && confirmationsRequired === 60
anchors.left: btnDetails.right anchors.left: btnDetails.right
anchors.leftMargin: 16 * scaleRatio anchors.leftMargin: 16
width: 28 width: 28
height: 28 height: 28
source: "qrc:///images/miningxmr.png" source: "qrc:///images/miningxmr.png"
@ -935,12 +935,12 @@ Rectangle {
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
visible: isout visible: isout
anchors.left: btnDetails.right anchors.left: btnDetails.right
anchors.leftMargin: 10 * scaleRatio anchors.leftMargin: 10
text: FontAwesome.productHunt text: FontAwesome.productHunt
small: true small: true
label.font.family: FontAwesome.fontFamily label.font.family: FontAwesome.fontFamily
fontSize: 18 * scaleRatio fontSize: 18
width: 36 * scaleRatio width: 36
MouseArea { MouseArea {
state: "proof" state: "proof"
@ -968,7 +968,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Description") + translationManager.emptyString text: qsTr("Description") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -985,7 +985,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: txNoteText id: txNoteText
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: tx_note !== "" ? tx_note : "-" text: tx_note !== "" ? tx_note : "-"
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -1002,7 +1002,7 @@ Rectangle {
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
anchors.top: parent.top anchors.top: parent.top
anchors.left: txNoteText.right anchors.left: txNoteText.right
anchors.leftMargin: 12 * scaleRatio anchors.leftMargin: 12
image: "qrc:///images/edit.svg" image: "qrc:///images/edit.svg"
fontAwesomeFallbackIcon: FontAwesome.pencilSquare fontAwesomeFallbackIcon: FontAwesome.pencilSquare
fontAwesomeFallbackSize: 22 fontAwesomeFallbackSize: 22
@ -1036,7 +1036,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Transaction ID") + translationManager.emptyString text: qsTr("Transaction ID") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -1052,7 +1052,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: hash text: hash
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -1080,7 +1080,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Transaction key") + translationManager.emptyString text: qsTr("Transaction key") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -1096,7 +1096,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: { text: {
var txKey = currentWallet.getTxKey(hash) var txKey = currentWallet.getTxKey(hash)
if(txKey) return txKey; if(txKey) return txKey;
@ -1130,7 +1130,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: qsTr("Address sent to") + translationManager.emptyString text: qsTr("Address sent to") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
@ -1147,7 +1147,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: { text: {
if(isout && address !== ""){ if(isout && address !== ""){
return TxUtils.addressTruncate(address, 24); return TxUtils.addressTruncate(address, 24);
@ -1230,10 +1230,10 @@ Rectangle {
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
id: collapsedIcon id: collapsedIcon
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 24 * scaleRatio anchors.topMargin: 24
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
height: 8 * scaleRatio height: 8
width: 12 * scaleRatio width: 12
image: "qrc:///images/whiteDropIndicator.png" image: "qrc:///images/whiteDropIndicator.png"
rotation: delegate.collapsed ? 180 : 0 rotation: delegate.collapsed ? 180 : 0
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -1272,8 +1272,8 @@ Rectangle {
Item { Item {
visible: sortAndFilter.collapsed visible: sortAndFilter.collapsed
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
Layout.leftMargin: sideMargin Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin Layout.rightMargin: sideMargin
@ -1282,7 +1282,7 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
text: root.historyStatusMessage; text: root.historyStatusMessage;
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
themeTransitionBlackColor: MoneroComponents.Style._b_dimmedFontColor themeTransitionBlackColor: MoneroComponents.Style._b_dimmedFontColor
@ -1292,8 +1292,8 @@ Rectangle {
MoneroComponents.CheckBox2 { MoneroComponents.CheckBox2 {
id: showAdvancedCheckbox id: showAdvancedCheckbox
Layout.topMargin: 30 * scaleRatio Layout.topMargin: 30
Layout.bottomMargin: 20 * scaleRatio Layout.bottomMargin: 20
Layout.leftMargin: sideMargin Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin Layout.rightMargin: sideMargin
checked: persistentSettings.historyShowAdvanced checked: persistentSettings.historyShowAdvanced
@ -1305,7 +1305,7 @@ Rectangle {
visible: persistentSettings.historyShowAdvanced visible: persistentSettings.historyShowAdvanced
Layout.leftMargin: sideMargin Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin Layout.rightMargin: sideMargin
spacing: 20 * scaleRatio spacing: 20
MoneroComponents.CheckBox { MoneroComponents.CheckBox {
id: humanDatesCheckBox id: humanDatesCheckBox

50
pages/Keys.qml
View file

@ -40,7 +40,7 @@ import "." 1.0
Rectangle { Rectangle {
id: page id: page
property bool viewOnly: false property bool viewOnly: false
property int keysHeight: mainLayout.height + 100 * scaleRatio // Ensure sufficient height for QR code, even in minimum width window case. property int keysHeight: mainLayout.height + 100 // Ensure sufficient height for QR code, even in minimum width window case.
color: "transparent" color: "transparent"
@ -52,10 +52,10 @@ Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
spacing: 30 * scaleRatio spacing: 30
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.WarningBox { MoneroComponents.WarningBox {
@ -68,17 +68,17 @@ Rectangle {
MoneroComponents.Label { MoneroComponents.Label {
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 22 * scaleRatio fontSize: 22
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
text: qsTr("Mnemonic seed") + translationManager.emptyString text: qsTr("Mnemonic seed") + translationManager.emptyString
} }
Rectangle { Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
height: 2 * scaleRatio height: 2
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
} }
MoneroComponents.WarningBox { MoneroComponents.WarningBox {
@ -101,8 +101,8 @@ Rectangle {
MoneroComponents.Label { MoneroComponents.Label {
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 22 * scaleRatio fontSize: 22
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
text: qsTr("Keys") + translationManager.emptyString text: qsTr("Keys") + translationManager.emptyString
} }
Rectangle { Rectangle {
@ -110,7 +110,7 @@ Rectangle {
height: 2 height: 2
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
} }
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
@ -118,34 +118,34 @@ Rectangle {
readOnly: true readOnly: true
copyButton: true copyButton: true
labelText: qsTr("Secret view key") + translationManager.emptyString labelText: qsTr("Secret view key") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
} }
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 25 * scaleRatio Layout.topMargin: 25
id: publicViewKey id: publicViewKey
readOnly: true readOnly: true
copyButton: true copyButton: true
labelText: qsTr("Public view key") + translationManager.emptyString labelText: qsTr("Public view key") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
} }
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 25 * scaleRatio Layout.topMargin: 25
id: secretSpendKey id: secretSpendKey
readOnly: true readOnly: true
copyButton: true copyButton: true
labelText: qsTr("Secret spend key") + translationManager.emptyString labelText: qsTr("Secret spend key") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
} }
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 25 * scaleRatio Layout.topMargin: 25
id: publicSpendKey id: publicSpendKey
readOnly: true readOnly: true
copyButton: true copyButton: true
labelText: qsTr("Public spend key") + translationManager.emptyString labelText: qsTr("Public spend key") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
} }
} }
@ -154,8 +154,8 @@ Rectangle {
MoneroComponents.Label { MoneroComponents.Label {
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 22 * scaleRatio fontSize: 22
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
text: qsTr("Export wallet") + translationManager.emptyString text: qsTr("Export wallet") + translationManager.emptyString
} }
Rectangle { Rectangle {
@ -163,7 +163,7 @@ Rectangle {
height: 2 height: 2
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
} }
ColumnLayout { ColumnLayout {
@ -187,14 +187,14 @@ Rectangle {
showFullQr.checked = false showFullQr.checked = false
} }
} }
Layout.bottomMargin: 30 * scaleRatio Layout.bottomMargin: 30
} }
Image { Image {
visible: !viewOnlyQRCode.visible visible: !viewOnlyQRCode.visible
id: fullWalletQRCode id: fullWalletQRCode
Layout.fillWidth: true Layout.fillWidth: true
Layout.minimumHeight: 180 * scaleRatio Layout.minimumHeight: 180
smooth: false smooth: false
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
} }
@ -203,7 +203,7 @@ Rectangle {
visible: false visible: false
id: viewOnlyQRCode id: viewOnlyQRCode
Layout.fillWidth: true Layout.fillWidth: true
Layout.minimumHeight: 180 * scaleRatio Layout.minimumHeight: 180
smooth: false smooth: false
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
} }
@ -211,7 +211,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.fillWidth: true Layout.fillWidth: true
font.bold: true font.bold: true
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: (viewOnlyQRCode.visible) ? qsTr("View Only Wallet") + translationManager.emptyString : qsTr("Spendable Wallet") + translationManager.emptyString text: (viewOnlyQRCode.visible) ? qsTr("View Only Wallet") + translationManager.emptyString : qsTr("Spendable Wallet") + translationManager.emptyString
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter

40
pages/Mining.qml
View file

@ -40,27 +40,27 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
Layout.fillWidth: true Layout.fillWidth: true
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 20 * scaleRatio spacing: 20
MoneroComponents.Label { MoneroComponents.Label {
id: soloTitleLabel id: soloTitleLabel
fontSize: 24 * scaleRatio fontSize: 24
text: qsTr("Solo mining") + translationManager.emptyString text: qsTr("Solo mining") + translationManager.emptyString
} }
MoneroComponents.WarningBox { MoneroComponents.WarningBox {
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
text: qsTr("Mining is only available on local daemons.") + translationManager.emptyString text: qsTr("Mining is only available on local daemons.") + translationManager.emptyString
visible: !walletManager.isDaemonLocal(appWindow.currentDaemonAddress) visible: !walletManager.isDaemonLocal(appWindow.currentDaemonAddress)
} }
MoneroComponents.WarningBox { MoneroComponents.WarningBox {
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
text: qsTr("Your daemon must be synchronized before you can start mining") + translationManager.emptyString text: qsTr("Your daemon must be synchronized before you can start mining") + translationManager.emptyString
visible: walletManager.isDaemonLocal(appWindow.currentDaemonAddress) && !appWindow.daemonSynced visible: walletManager.isDaemonLocal(appWindow.currentDaemonAddress) && !appWindow.daemonSynced
} }
@ -71,22 +71,22 @@ Rectangle {
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
MoneroComponents.WarningBox { MoneroComponents.WarningBox {
id: warningLabel id: warningLabel
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
text: qsTr("Mining may reduce the performance of other running applications and processes.") + translationManager.emptyString text: qsTr("Mining may reduce the performance of other running applications and processes.") + translationManager.emptyString
} }
GridLayout { GridLayout {
columns: 2 columns: 2
Layout.fillWidth: true Layout.fillWidth: true
columnSpacing: 20 * scaleRatio columnSpacing: 20
rowSpacing: 16 * scaleRatio rowSpacing: 16
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
@ -96,18 +96,18 @@ Rectangle {
id: soloMinerThreadsLabel id: soloMinerThreadsLabel
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: qsTr("CPU threads") + translationManager.emptyString text: qsTr("CPU threads") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
} }
} }
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: 16 * scaleRatio spacing: 16
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: soloMinerThreadsLine id: soloMinerThreadsLine
Layout.minimumWidth: 200 * scaleRatio Layout.minimumWidth: 200
text: "1" text: "1"
validator: IntValidator { bottom: 1; top: idealThreadCount } validator: IntValidator { bottom: 1; top: idealThreadCount }
} }
@ -117,7 +117,7 @@ Rectangle {
text: qsTr("Max # of CPU threads available for mining: ") + idealThreadCount + translationManager.emptyString text: qsTr("Max # of CPU threads available for mining: ") + idealThreadCount + translationManager.emptyString
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
@ -175,7 +175,7 @@ Rectangle {
id: manageSoloMinerLabel id: manageSoloMinerLabel
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: qsTr("Manage miner") + translationManager.emptyString text: qsTr("Manage miner") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.preferredWidth: manageSoloMinerLabel.textWidth Layout.preferredWidth: manageSoloMinerLabel.textWidth
} }
@ -183,7 +183,7 @@ Rectangle {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: 16 * scaleRatio spacing: 16
RowLayout { RowLayout {
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
@ -227,17 +227,17 @@ Rectangle {
id: statusLabel id: statusLabel
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: qsTr("Status") + translationManager.emptyString text: qsTr("Status") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
} }
} }
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: 16 * scaleRatio spacing: 16
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: statusText id: statusText
Layout.minimumWidth: 300 * scaleRatio Layout.minimumWidth: 300
text: qsTr("Not mining") + translationManager.emptyString text: qsTr("Not mining") + translationManager.emptyString
borderDisabled: true borderDisabled: true
readOnly: true readOnly: true

46
pages/Receive.qml
View file

@ -65,18 +65,18 @@ Rectangle {
/* main layout */ /* main layout */
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 20 * scaleRatio spacing: 20
property int labelWidth: 120 * scaleRatio property int labelWidth: 120
property int editWidth: 400 * scaleRatio property int editWidth: 400
property int lineEditFontSize: 12 * scaleRatio property int lineEditFontSize: 12
property int qrCodeSize: 220 * scaleRatio property int qrCodeSize: 220
ColumnLayout { ColumnLayout {
id: addressRow id: addressRow
@ -90,8 +90,8 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: subaddressListRow id: subaddressListRow
property int subaddressListItemHeight: 50 * scaleRatio property int subaddressListItemHeight: 50
Layout.topMargin: 6 * scaleRatio Layout.topMargin: 6
Layout.fillWidth: true Layout.fillWidth: true
Layout.minimumWidth: 240 Layout.minimumWidth: 240
Layout.preferredHeight: subaddressListItemHeight * subaddressListView.count Layout.preferredHeight: subaddressListItemHeight * subaddressListView.count
@ -136,8 +136,8 @@ Rectangle {
color: index === appWindow.current_subaddress_table_index ? MoneroComponents.Style.defaultFontColor : "#757575" color: index === appWindow.current_subaddress_table_index ? MoneroComponents.Style.defaultFontColor : "#757575"
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 6 * scaleRatio anchors.leftMargin: 6
fontSize: 14 * scaleRatio fontSize: 14
fontBold: true fontBold: true
text: "#" + index text: "#" + index
themeTransition: false themeTransition: false
@ -148,8 +148,8 @@ Rectangle {
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: idLabel.right anchors.left: idLabel.right
anchors.leftMargin: 6 * scaleRatio anchors.leftMargin: 6
fontSize: 14 * scaleRatio fontSize: 14
fontBold: true fontBold: true
text: label text: label
elide: Text.ElideRight elide: Text.ElideRight
@ -162,8 +162,8 @@ Rectangle {
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.right anchors.left: parent.right
anchors.leftMargin: (mainLayout.width < 510 ? -130 : -190) * scaleRatio anchors.leftMargin: (mainLayout.width < 510 ? -130 : -190)
fontSize: 14 * scaleRatio fontSize: 14
fontBold: true fontBold: true
text: TxUtils.addressTruncate(address, mainLayout.width < 510 ? 6 : 10) text: TxUtils.addressTruncate(address, mainLayout.width < 510 ? 6 : 10)
themeTransition: false themeTransition: false
@ -186,8 +186,8 @@ Rectangle {
opacity: 0.5 opacity: 0.5
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 30 * scaleRatio anchors.rightMargin: 30
anchors.topMargin: 1 * scaleRatio anchors.topMargin: 1
width: 23 width: 23
height: 21 height: 21
visible: index !== 0 visible: index !== 0
@ -242,10 +242,10 @@ Rectangle {
border: false border: false
checkedIcon: "qrc:///images/plus-in-circle-medium-white.png" checkedIcon: "qrc:///images/plus-in-circle-medium-white.png"
uncheckedIcon: "qrc:///images/plus-in-circle-medium-white.png" uncheckedIcon: "qrc:///images/plus-in-circle-medium-white.png"
fontSize: 14 * scaleRatio fontSize: 14
iconOnTheLeft: true iconOnTheLeft: true
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
text: qsTr("Create new address") + translationManager.emptyString; text: qsTr("Create new address") + translationManager.emptyString;
onClicked: { onClicked: {
inputDialog.labelText = qsTr("Set the label of the new address:") + translationManager.emptyString inputDialog.labelText = qsTr("Set the label of the new address:") + translationManager.emptyString
@ -262,8 +262,8 @@ Rectangle {
ColumnLayout { ColumnLayout {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 11 * scaleRatio spacing: 11
property int qrSize: 220 * scaleRatio property int qrSize: 220
Rectangle { Rectangle {
id: qrContainer id: qrContainer
@ -271,12 +271,12 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: parent.qrSize Layout.maximumWidth: parent.qrSize
Layout.preferredHeight: width Layout.preferredHeight: width
radius: 4 * scaleRatio radius: 4
Image { Image {
id: qrCode id: qrCode
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 * scaleRatio anchors.margins: 1
smooth: false smooth: false
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit

66
pages/SharedRingDB.qml
View file

@ -80,14 +80,14 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
Layout.fillWidth: true Layout.fillWidth: true
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 20 * scaleRatio spacing: 20
MessageDialog { MessageDialog {
id: sharedRingDBDialog id: sharedRingDBDialog
@ -96,7 +96,7 @@ Rectangle {
MoneroComponents.Label { MoneroComponents.Label {
id: signTitleLabel id: signTitleLabel
fontSize: 24 * scaleRatio fontSize: 24
text: qsTr("Shared RingDB") + translationManager.emptyString text: qsTr("Shared RingDB") + translationManager.emptyString
} }
@ -106,7 +106,7 @@ Rectangle {
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
@ -137,7 +137,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
textFormat: Text.RichText textFormat: Text.RichText
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("This sets which outputs are known to be spent, and thus not to be used as privacy placeholders in ring signatures. ") + text: qsTr("This sets which outputs are known to be spent, and thus not to be used as privacy placeholders in ring signatures. ") +
qsTr("You should only have to load a file when you want to refresh the list. Manual adding/removing is possible if needed.") + translationManager.emptyString qsTr("You should only have to load a file when you want to refresh the list. Manual adding/removing is possible if needed.") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
@ -163,10 +163,10 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: loadBlackballFileLine id: loadBlackballFileLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Path to file") + "..." + translationManager.emptyString placeholderText: qsTr("Path to file") + "..." + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Filename with outputs to mark as spent") + ":" + translationManager.emptyString labelText: qsTr("Filename with outputs to mark as spent") + ":" + translationManager.emptyString
copyButton: true copyButton: true
readOnly: false readOnly: false
@ -198,15 +198,15 @@ Rectangle {
GridLayout { GridLayout {
Layout.fillWidth: true Layout.fillWidth: true
columnSpacing: 20 * scaleRatio columnSpacing: 20
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: blackballOutputAmountLine id: blackballOutputAmountLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Or manually mark a single output as spent/unspent:") + translationManager.emptyString labelText: qsTr("Or manually mark a single output as spent/unspent:") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Paste output amount") + "..." + translationManager.emptyString placeholderText: qsTr("Paste output amount") + "..." + translationManager.emptyString
readOnly: false readOnly: false
validator: IntValidator { bottom: 0 } validator: IntValidator { bottom: 0 }
@ -215,10 +215,10 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: blackballOutputOffsetLine id: blackballOutputOffsetLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: " " labelText: " "
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Paste output offset") + "..." + translationManager.emptyString placeholderText: qsTr("Paste output offset") + "..." + translationManager.emptyString
readOnly: false readOnly: false
validator: IntValidator { bottom: 0 } validator: IntValidator { bottom: 0 }
@ -248,7 +248,7 @@ Rectangle {
MoneroComponents.LabelSubheader { MoneroComponents.LabelSubheader {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 24 * scaleRatio Layout.topMargin: 24
textFormat: Text.RichText textFormat: Text.RichText
text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 14px;}</style>" + text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 14px;}</style>" +
qsTr("Rings") + " <a href='#'>" + qsTr("Help") + "</a>" + translationManager.emptyString qsTr("Rings") + " <a href='#'>" + qsTr("Help") + "</a>" + translationManager.emptyString
@ -275,7 +275,7 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
textFormat: Text.RichText textFormat: Text.RichText
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("This records rings used by outputs spent on Monero on a key reusing chain, so that the same ring may be reused to avoid privacy issues.") + translationManager.emptyString text: qsTr("This records rings used by outputs spent on Monero on a key reusing chain, so that the same ring may be reused to avoid privacy issues.") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.fillWidth: true; Layout.fillWidth: true;
@ -285,27 +285,27 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: keyImageLine id: keyImageLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Key image") + ":" + translationManager.emptyString labelText: qsTr("Key image") + ":" + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Paste key image") + "..." + translationManager.emptyString placeholderText: qsTr("Paste key image") + "..." + translationManager.emptyString
readOnly: false readOnly: false
copyButton: true copyButton: true
} }
GridLayout{ GridLayout{
Layout.topMargin: 12 * scaleRatio Layout.topMargin: 12
columns: (isMobile) ? 1 : 2 columns: (isMobile) ? 1 : 2
columnSpacing: 32 * scaleRatio columnSpacing: 32
ColumnLayout { ColumnLayout {
RowLayout { RowLayout {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: getRingLine id: getRingLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Get ring") + ":" + translationManager.emptyString labelText: qsTr("Get ring") + ":" + translationManager.emptyString
readOnly: true readOnly: true
copyButton: true copyButton: true
@ -339,9 +339,9 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: setRingLine id: setRingLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
labelText: qsTr("Set ring") + ":" + translationManager.emptyString labelText: qsTr("Set ring") + ":" + translationManager.emptyString
readOnly: false readOnly: false
copyButton: true copyButton: true
@ -367,7 +367,7 @@ Rectangle {
} }
GridLayout { GridLayout {
columnSpacing: 20 * scaleRatio columnSpacing: 20
columns: (isMobile) ? 1 : 2 columns: (isMobile) ? 1 : 2
MoneroComponents.CheckBox { MoneroComponents.CheckBox {
@ -404,17 +404,17 @@ Rectangle {
GridLayout { GridLayout {
id: segregationHeightRow id: segregationHeightRow
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 17 * scaleRatio Layout.topMargin: 17
columns: (isMobile) ? 1 : 2 columns: (isMobile) ? 1 : 2
columnSpacing: 32 * scaleRatio columnSpacing: 32
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: segregationHeightLine id: segregationHeightLine
property bool edited: false property bool edited: false
Layout.fillWidth: true Layout.fillWidth: true
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Set segregation height:") + translationManager.emptyString labelText: qsTr("Set segregation height:") + translationManager.emptyString
validator: IntValidator { bottom: 0 } validator: IntValidator { bottom: 0 }
readOnly: false readOnly: false

58
pages/Sign.qml
View file

@ -87,17 +87,17 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
Layout.fillWidth: true Layout.fillWidth: true
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 20 * scaleRatio spacing: 20
MoneroComponents.Label { MoneroComponents.Label {
fontSize: 24 * scaleRatio fontSize: 24
text: qsTr("Sign/verify") + translationManager.emptyString text: qsTr("Sign/verify") + translationManager.emptyString
} }
@ -106,7 +106,7 @@ Rectangle {
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
@ -117,18 +117,18 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: modeText id: modeText
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 12 * scaleRatio Layout.topMargin: 12
text: qsTr("Mode") + translationManager.emptyString text: qsTr("Mode") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 20 * scaleRatio font.pixelSize: 20
textFormat: Text.RichText textFormat: Text.RichText
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
RowLayout { RowLayout {
id: modeButtonsRow id: modeButtonsRow
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
id: handleMessageButton id: handleMessageButton
@ -154,12 +154,12 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: signSection id: signSection
spacing: 10 * scaleRatio spacing: 10
MoneroComponents.LabelSubheader { MoneroComponents.LabelSubheader {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 12 * scaleRatio Layout.topMargin: 12
Layout.bottomMargin: 24 * scaleRatio Layout.bottomMargin: 24
textFormat: Text.RichText textFormat: Text.RichText
text: fileMode ? qsTr("Sign file") + translationManager.emptyString : qsTr("Sign message") + translationManager.emptyString text: fileMode ? qsTr("Sign file") + translationManager.emptyString : qsTr("Sign message") + translationManager.emptyString
} }
@ -167,15 +167,15 @@ Rectangle {
ColumnLayout{ ColumnLayout{
id: signMessageRow id: signMessageRow
Layout.fillWidth: true Layout.fillWidth: true
spacing: 10 * scaleRatio spacing: 10
visible: messageMode visible: messageMode
MoneroComponents.LineEditMulti{ MoneroComponents.LineEditMulti{
id: signMessageLine id: signMessageLine
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Message") + translationManager.emptyString; labelText: qsTr("Message") + translationManager.emptyString;
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Enter a message to sign") + translationManager.emptyString; placeholderText: qsTr("Enter a message to sign") + translationManager.emptyString;
readOnly: false readOnly: false
onTextChanged: signSignatureLine.text = '' onTextChanged: signSignatureLine.text = ''
@ -191,9 +191,9 @@ Rectangle {
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: signFileLine id: signFileLine
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("File") + translationManager.emptyString labelText: qsTr("File") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Enter path to file") + translationManager.emptyString; placeholderText: qsTr("Enter path to file") + translationManager.emptyString;
readOnly: false readOnly: false
Layout.fillWidth: true Layout.fillWidth: true
@ -219,9 +219,9 @@ Rectangle {
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: signSignatureLine id: signSignatureLine
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Signature") + translationManager.emptyString labelText: qsTr("Signature") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: messageMode ? qsTr("Click [Sign Message] to generate signature") + translationManager.emptyString : qsTr("Click [Sign File] to generate signature") + translationManager.emptyString; placeholderText: messageMode ? qsTr("Click [Sign Message] to generate signature") + translationManager.emptyString : qsTr("Click [Sign File] to generate signature") + translationManager.emptyString;
readOnly: true readOnly: true
Layout.fillWidth: true Layout.fillWidth: true
@ -275,11 +275,11 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: verifySection id: verifySection
spacing: 16 * scaleRatio spacing: 16
MoneroComponents.LabelSubheader { MoneroComponents.LabelSubheader {
Layout.fillWidth: true Layout.fillWidth: true
Layout.bottomMargin: 24 * scaleRatio Layout.bottomMargin: 24
textFormat: Text.RichText textFormat: Text.RichText
text: fileMode ? qsTr("Verify file") + translationManager.emptyString : qsTr("Verify message") + translationManager.emptyString text: fileMode ? qsTr("Verify file") + translationManager.emptyString : qsTr("Verify message") + translationManager.emptyString
} }
@ -288,9 +288,9 @@ Rectangle {
id: verifyMessageLine id: verifyMessageLine
visible: messageMode visible: messageMode
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Message") + translationManager.emptyString labelText: qsTr("Message") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Enter the message to verify") + translationManager.emptyString placeholderText: qsTr("Enter the message to verify") + translationManager.emptyString
readOnly: false readOnly: false
wrapMode: Text.WrapAnywhere wrapMode: Text.WrapAnywhere
@ -305,9 +305,9 @@ Rectangle {
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: verifyFileLine id: verifyFileLine
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("File") + translationManager.emptyString labelText: qsTr("File") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Enter path to file") + translationManager.emptyString placeholderText: qsTr("Enter path to file") + translationManager.emptyString
readOnly: false readOnly: false
Layout.fillWidth: true Layout.fillWidth: true
@ -330,10 +330,10 @@ Rectangle {
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: verifyAddressLine id: verifyAddressLine
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Address") + translationManager.emptyString labelText: qsTr("Address") + translationManager.emptyString
addressValidation: true addressValidation: true
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Enter the Monero Address (example: 44AFFq5kSiGBoZ...)") + translationManager.emptyString placeholderText: qsTr("Enter the Monero Address (example: 44AFFq5kSiGBoZ...)") + translationManager.emptyString
wrapMode: Text.WrapAnywhere wrapMode: Text.WrapAnywhere
text: '' text: ''
@ -342,9 +342,9 @@ Rectangle {
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: verifySignatureLine id: verifySignatureLine
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Signature") + translationManager.emptyString labelText: qsTr("Signature") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Enter the signature to verify") + translationManager.emptyString placeholderText: qsTr("Enter the signature to verify") + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
pasteButton: true pasteButton: true
@ -354,7 +354,7 @@ Rectangle {
RowLayout{ RowLayout{
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 12 * scaleRatio Layout.topMargin: 12
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight
MoneroComponents.StandardButton { MoneroComponents.StandardButton {

34
pages/Transfer.qml
View file

@ -107,14 +107,14 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: pageRoot id: pageRoot
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 30 * scaleRatio spacing: 30
RowLayout { RowLayout {
visible: root.warningContent !== "" visible: root.warningContent !== ""
@ -134,7 +134,7 @@ Rectangle {
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.minimumWidth: 200 * scaleRatio Layout.minimumWidth: 200
// Amount input // Amount input
LineEdit { LineEdit {
@ -149,7 +149,7 @@ Rectangle {
appWindow.showPageRequest("Account") appWindow.showPageRequest("Account")
} }
placeholderText: "0.00" placeholderText: "0.00"
width: 100 * scaleRatio width: 100
fontBold: true fontBold: true
inlineButtonText: qsTr("All") + translationManager.emptyString inlineButtonText: qsTr("All") + translationManager.emptyString
inlineButton.onClicked: amountLine.text = "(all)" inlineButton.onClicked: amountLine.text = "(all)"
@ -169,10 +169,10 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
Label { Label {
id: transactionPriority id: transactionPriority
Layout.topMargin: 12 * scaleRatio Layout.topMargin: 12
text: qsTr("Transaction priority") + translationManager.emptyString text: qsTr("Transaction priority") + translationManager.emptyString
fontBold: false fontBold: false
fontSize: 16 * scaleRatio fontSize: 16
} }
// Note: workaround for translations in listElements // Note: workaround for translations in listElements
// ListElement: cannot use script for property value, so // ListElement: cannot use script for property value, so
@ -195,7 +195,7 @@ Rectangle {
StandardDropdown { StandardDropdown {
Layout.fillWidth: true Layout.fillWidth: true
id: priorityDropdown id: priorityDropdown
Layout.topMargin: 5 * scaleRatio Layout.topMargin: 5
currentIndex: 0 currentIndex: 0
} }
} }
@ -259,7 +259,7 @@ Rectangle {
StandardButton { StandardButton {
id: resolveButton id: resolveButton
width: 80 * scaleRatio width: 80
text: qsTr("Resolve") + translationManager.emptyString text: qsTr("Resolve") + translationManager.emptyString
visible: TxUtils.isValidOpenAliasAddress(addressLine.text) visible: TxUtils.isValidOpenAliasAddress(addressLine.text)
enabled : visible enabled : visible
@ -311,8 +311,8 @@ Rectangle {
border: false border: false
checkedIcon: "qrc:///images/minus-white.png" checkedIcon: "qrc:///images/minus-white.png"
uncheckedIcon: "qrc:///images/plus-white.png" uncheckedIcon: "qrc:///images/plus-white.png"
imgWidth: 12 * scaleRatio imgWidth: 12
imgHeight: 12 * scaleRatio imgHeight: 12
fontSize: paymentIdLine.labelFontSize fontSize: paymentIdLine.labelFontSize
iconOnTheLeft: false iconOnTheLeft: false
Layout.fillWidth: true Layout.fillWidth: true
@ -342,8 +342,8 @@ Rectangle {
border: false border: false
checkedIcon: "qrc:///images/minus-white.png" checkedIcon: "qrc:///images/minus-white.png"
uncheckedIcon: "qrc:///images/plus-white.png" uncheckedIcon: "qrc:///images/plus-white.png"
imgWidth: 12 * scaleRatio imgWidth: 12
imgHeight: 12 * scaleRatio imgHeight: 12
fontSize: descriptionLine.labelFontSize fontSize: descriptionLine.labelFontSize
iconOnTheLeft: false iconOnTheLeft: false
Layout.fillWidth: true Layout.fillWidth: true
@ -384,7 +384,7 @@ Rectangle {
id: sendButton id: sendButton
rightIcon: "qrc:///images/rightArrow.png" rightIcon: "qrc:///images/rightArrow.png"
rightIconInactive: "qrc:///images/rightArrowInactive.png" rightIconInactive: "qrc:///images/rightArrowInactive.png"
Layout.topMargin: 4 * scaleRatio Layout.topMargin: 4
text: qsTr("Send") + translationManager.emptyString text: qsTr("Send") + translationManager.emptyString
enabled: { enabled: {
updateSendButton() updateSendButton()
@ -433,9 +433,9 @@ Rectangle {
anchors.top: pageRoot.bottom anchors.top: pageRoot.bottom
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 32 * scaleRatio anchors.topMargin: 32
spacing: 26 * scaleRatio spacing: 26
enabled: !viewOnly || pageRoot.enabled enabled: !viewOnly || pageRoot.enabled
RowLayout { RowLayout {

68
pages/TxKey.qml
View file

@ -45,21 +45,21 @@ Rectangle {
/* main layout */ /* main layout */
ColumnLayout { ColumnLayout {
id: mainLayout id: mainLayout
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 40 * scaleRatio anchors.topMargin: 40
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 20 * scaleRatio spacing: 20
// solo // solo
ColumnLayout { ColumnLayout {
id: soloBox id: soloBox
spacing: 20 * scaleRatio spacing: 20
MoneroComponents.Label { MoneroComponents.Label {
id: soloTitleLabel id: soloTitleLabel
fontSize: 24 * scaleRatio fontSize: 24
text: qsTr("Prove Transaction") + translationManager.emptyString text: qsTr("Prove Transaction") + translationManager.emptyString
} }
@ -69,17 +69,17 @@ Rectangle {
"For the case of outgoing payments, you can get a 'Spend Proof' that proves the authorship of a transaction. In this case, you don't need to specify the recipient address.") + translationManager.emptyString "For the case of outgoing payments, you can get a 'Spend Proof' that proves the authorship of a transaction. In this case, you don't need to specify the recipient address.") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: getProofTxIdLine id: getProofTxIdLine
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Transaction ID") + translationManager.emptyString labelText: qsTr("Transaction ID") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Paste tx ID") + translationManager.emptyString placeholderText: qsTr("Paste tx ID") + translationManager.emptyString
readOnly: false readOnly: false
copyButton: true copyButton: true
@ -88,10 +88,10 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: getProofAddressLine id: getProofAddressLine
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Address") + translationManager.emptyString labelText: qsTr("Address") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Recipient's wallet address") + translationManager.emptyString; placeholderText: qsTr("Recipient's wallet address") + translationManager.emptyString;
readOnly: false readOnly: false
copyButton: true copyButton: true
@ -100,17 +100,17 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: getProofMessageLine id: getProofMessageLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Message") + translationManager.emptyString labelText: qsTr("Message") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Optional message against which the signature is signed") + translationManager.emptyString; placeholderText: qsTr("Optional message against which the signature is signed") + translationManager.emptyString;
readOnly: false readOnly: false
copyButton: true copyButton: true
} }
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
Layout.topMargin: 16 * scaleRatio Layout.topMargin: 16
small: true small: true
text: qsTr("Generate") + translationManager.emptyString text: qsTr("Generate") + translationManager.emptyString
enabled: TxUtils.checkTxID(getProofTxIdLine.text) && (getProofAddressLine.text.length == 0 || TxUtils.checkAddress(getProofAddressLine.text, appWindow.persistentSettings.nettype)) enabled: TxUtils.checkTxID(getProofTxIdLine.text) && (getProofAddressLine.text.length == 0 || TxUtils.checkAddress(getProofAddressLine.text, appWindow.persistentSettings.nettype))
@ -127,12 +127,12 @@ Rectangle {
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
anchors.bottomMargin: 3 * scaleRatio anchors.bottomMargin: 3
} }
MoneroComponents.Label { MoneroComponents.Label {
id: soloTitleLabel2 id: soloTitleLabel2
fontSize: 24 * scaleRatio fontSize: 24
text: qsTr("Check Transaction") + translationManager.emptyString text: qsTr("Check Transaction") + translationManager.emptyString
} }
@ -142,17 +142,17 @@ Rectangle {
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: checkProofTxIdLine id: checkProofTxIdLine
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Transaction ID") + translationManager.emptyString labelText: qsTr("Transaction ID") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Paste tx ID") + translationManager.emptyString placeholderText: qsTr("Paste tx ID") + translationManager.emptyString
readOnly: false readOnly: false
copyButton: true copyButton: true
@ -161,10 +161,10 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: checkProofAddressLine id: checkProofAddressLine
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Address") + translationManager.emptyString labelText: qsTr("Address") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Recipient's wallet address") + translationManager.emptyString; placeholderText: qsTr("Recipient's wallet address") + translationManager.emptyString;
readOnly: false readOnly: false
copyButton: true copyButton: true
@ -173,10 +173,10 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: checkProofMessageLine id: checkProofMessageLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Message") + translationManager.emptyString labelText: qsTr("Message") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Optional message against which the signature is signed") + translationManager.emptyString; placeholderText: qsTr("Optional message against which the signature is signed") + translationManager.emptyString;
readOnly: false readOnly: false
copyButton: true copyButton: true
@ -185,17 +185,17 @@ Rectangle {
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: checkProofSignatureLine id: checkProofSignatureLine
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 16 * scaleRatio fontSize: 16
labelFontSize: 14 * scaleRatio labelFontSize: 14
labelText: qsTr("Signature") + translationManager.emptyString labelText: qsTr("Signature") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Paste tx proof") + translationManager.emptyString; placeholderText: qsTr("Paste tx proof") + translationManager.emptyString;
readOnly: false readOnly: false
copyButton: true copyButton: true
} }
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
Layout.topMargin: 16 * scaleRatio Layout.topMargin: 16
small: true small: true
text: qsTr("Check") + translationManager.emptyString text: qsTr("Check") + translationManager.emptyString
enabled: TxUtils.checkTxID(checkProofTxIdLine.text) && TxUtils.checkSignature(checkProofSignatureLine.text) && ((checkProofSignatureLine.text.indexOf("SpendProofV") === 0 && checkProofAddressLine.text.length == 0) || (checkProofSignatureLine.text.indexOf("SpendProofV") !== 0 && TxUtils.checkAddress(checkProofAddressLine.text, appWindow.persistentSettings.nettype))) enabled: TxUtils.checkTxID(checkProofTxIdLine.text) && TxUtils.checkSignature(checkProofSignatureLine.text) && ((checkProofSignatureLine.text.indexOf("SpendProofV") === 0 && checkProofAddressLine.text.length == 0) || (checkProofSignatureLine.text.indexOf("SpendProofV") !== 0 && TxUtils.checkAddress(checkProofAddressLine.text, appWindow.persistentSettings.nettype)))
@ -212,7 +212,7 @@ Rectangle {
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
anchors.bottomMargin: 3 * scaleRatio anchors.bottomMargin: 3
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -220,7 +220,7 @@ Rectangle {
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
} }

116
pages/merchant/Merchant.qml
View file

@ -24,8 +24,8 @@ Item {
id: root id: root
anchors.margins: 0 anchors.margins: 0
property int minWidth: 900 * scaleRatio property int minWidth: 900
property int qrCodeSize: 220 * scaleRatio property int qrCodeSize: 220
property bool enableTracking: false property bool enableTracking: false
property string trackingError: "" // setting this will show a message @ tracking table property string trackingError: "" // setting this will show a message @ tracking table
property alias merchantHeight: mainLayout.height property alias merchantHeight: mainLayout.height
@ -64,7 +64,7 @@ Item {
anchors.top: parent.top anchors.top: parent.top
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: 300 * scaleRatio height: 300
source: "qrc:///images/merchant/bg.png" source: "qrc:///images/merchant/bg.png"
smooth: false smooth: false
} }
@ -75,8 +75,8 @@ Item {
spacing: 0 spacing: 0
// emulates max-width + center for container // emulates max-width + center for container
property int maxWidth: 1200 * scaleRatio property int maxWidth: 1200
property int defaultMargin: 50 * scaleRatio property int defaultMargin: 50
property int horizontalMargin: { property int horizontalMargin: {
if(appWindow.width >= maxWidth){ if(appWindow.width >= maxWidth){
return ((appWindow.width - maxWidth) / 2) + defaultMargin; return ((appWindow.width - maxWidth) / 2) + defaultMargin;
@ -93,7 +93,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
Item { Item {
height: 220 * scaleRatio height: 220
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
@ -101,8 +101,8 @@ Item {
id: tracker id: tracker
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
height: 220 * scaleRatio height: 220
width: (parent.width - qrImg.width) - 50 * scaleRatio width: (parent.width - qrImg.width) - 50
radius: 5 radius: 5
ColumnLayout { ColumnLayout {
@ -113,21 +113,21 @@ Item {
RowLayout { RowLayout {
spacing: 0 spacing: 0
height: 56 * scaleRatio height: 56
RowLayout { RowLayout {
Layout.alignment: Qt.AlignLeft Layout.alignment: Qt.AlignLeft
Layout.preferredWidth: 260 * scaleRatio Layout.preferredWidth: 260
Layout.preferredHeight: parent.height Layout.preferredHeight: parent.height
Layout.fillHeight: true Layout.fillHeight: true
spacing: 8 * scaleRatio spacing: 8
Item { Item {
Layout.preferredWidth: 10 * scaleRatio Layout.preferredWidth: 10
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.bold: true font.bold: true
color: "#767676" color: "#767676"
text: qsTr("Sales") + translationManager.emptyString text: qsTr("Sales") + translationManager.emptyString
@ -146,13 +146,13 @@ Item {
Rectangle { Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 1 * scaleRatio Layout.preferredHeight: 1
color: "#d9d9d9" color: "#d9d9d9"
} }
MerchantTrackingList { MerchantTrackingList {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 400 * scaleRatio Layout.preferredHeight: 400
model: trackingModel model: trackingModel
message: { message: {
if(!root.enableTracking){ if(!root.enableTracking){
@ -212,7 +212,7 @@ Item {
Image { Image {
id: qrCode id: qrCode
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 * scaleRatio anchors.margins: 1
smooth: false smooth: false
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
@ -257,18 +257,18 @@ Item {
} }
Item { Item {
Layout.preferredHeight: 40 * scaleRatio Layout.preferredHeight: 40
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
Item { Item {
width: (parent.width - qrImg.width) - (50 * scaleRatio) width: (parent.width - qrImg.width) - (50)
height: 32 * scaleRatio height: 32
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.bold: false font.bold: false
color: "white" color: "white"
text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 12px;}</style>Currently selected address: " + addressLabel + " <a href='#'>(Change)</a>" text: "<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 12px;}</style>Currently selected address: " + addressLabel + " <a href='#'>(Change)</a>"
@ -287,13 +287,13 @@ Item {
Item { Item {
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
width: 220 * scaleRatio width: 220
height: 32 * scaleRatio height: 32
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.bold: false font.bold: false
color: "white" color: "white"
text: qsTr("(right-click, save as)") + translationManager.emptyString text: qsTr("(right-click, save as)") + translationManager.emptyString
@ -303,16 +303,16 @@ Item {
} }
Item { Item {
Layout.preferredHeight: 120 * scaleRatio Layout.preferredHeight: 120
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
Layout.fillWidth: true Layout.fillWidth: true
Rectangle { Rectangle {
id: payment_url_container id: payment_url_container
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
implicitHeight: 120 * scaleRatio implicitHeight: 120
width: (parent.width - qrImg.width) - (50 * scaleRatio) width: (parent.width - qrImg.width) - (50)
radius: 5 radius: 5
ColumnLayout { ColumnLayout {
@ -323,21 +323,21 @@ Item {
RowLayout { RowLayout {
spacing: 0 spacing: 0
height: 56 * scaleRatio height: 56
RowLayout { RowLayout {
Layout.alignment: Qt.AlignLeft Layout.alignment: Qt.AlignLeft
Layout.preferredWidth: 260 * scaleRatio Layout.preferredWidth: 260
Layout.preferredHeight: parent.height Layout.preferredHeight: parent.height
Layout.fillHeight: true Layout.fillHeight: true
spacing: 8 spacing: 8
Item { Item {
Layout.preferredWidth: 10 * scaleRatio Layout.preferredWidth: 10
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: true font.bold: true
color: "#767676" color: "#767676"
text: qsTr("Payment URL") + translationManager.emptyString text: qsTr("Payment URL") + translationManager.emptyString
@ -353,15 +353,15 @@ Item {
// Rectangle { // Rectangle {
// // help box // // help box
// Layout.alignment: Qt.AlignLeft // Layout.alignment: Qt.AlignLeft
// Layout.preferredWidth: 40 * scaleRatio // Layout.preferredWidth: 40
// Layout.fillHeight: true // Layout.fillHeight: true
// color: "transparent" // color: "transparent"
// MoneroComponents.TextPlain { // MoneroComponents.TextPlain {
// anchors.verticalCenter: parent.verticalCenter // anchors.verticalCenter: parent.verticalCenter
// anchors.right: parent.right // anchors.right: parent.right
// anchors.rightMargin: 20 * scaleRatio // anchors.rightMargin: 20
// font.pixelSize: 16 * scaleRatio // font.pixelSize: 16
// font.bold: true // font.bold: true
// color: "#767676" // color: "#767676"
// text:"?" // text:"?"
@ -394,13 +394,13 @@ Item {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
property string _color: "#767676" property string _color: "#767676"
Layout.fillWidth: true Layout.fillWidth: true
Layout.margins: 20 * scaleRatio Layout.margins: 20
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
wrapMode: Text.WrapAnywhere wrapMode: Text.WrapAnywhere
elide: Text.ElideRight elide: Text.ElideRight
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.bold: true font.bold: true
color: _color color: _color
text: TxUtils.makeQRCodeString(appWindow.current_address, amountToReceive.text) text: TxUtils.makeQRCodeString(appWindow.current_address, amountToReceive.text)
@ -441,15 +441,15 @@ Item {
Item { Item {
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
width: 220 * scaleRatio width: 220
height: 32 * scaleRatio height: 32
ColumnLayout { ColumnLayout {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: false font.bold: false
color: "white" color: "white"
text: qsTr("Amount to receive") + " (XMR)" text: qsTr("Amount to receive") + " (XMR)"
@ -457,20 +457,20 @@ Item {
} }
Image { Image {
height: 28 * scaleRatio height: 28
width: 220 * scaleRatio width: 220
source: "qrc:///images/merchant/input_box.png" source: "qrc:///images/merchant/input_box.png"
TextField { TextField {
id: amountToReceive id: amountToReceive
topPadding: 0 topPadding: 0
leftPadding: 10 * scaleRatio leftPadding: 10
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 3 * scaleRatio anchors.topMargin: 3
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
font.bold: true font.bold: true
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
@ -495,14 +495,14 @@ Item {
} }
Item { Item {
height: 2 * scaleRatio height: 2
width: 220 * scaleRatio width: 220
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
// @TODO: When we have XMR/USD rate avi. in the future. // @TODO: When we have XMR/USD rate avi. in the future.
visible: false visible: false
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: false font.bold: false
color: "white" color: "white"
text: qsTr("Amount to receive") + " (USD)" text: qsTr("Amount to receive") + " (USD)"
@ -512,8 +512,8 @@ Item {
Image { Image {
visible: false visible: false
height: 28 * scaleRatio height: 28
width: 220 * scaleRatio width: 220
source: "qrc:///images/merchant/input_box.png" source: "qrc:///images/merchant/input_box.png"
opacity: 0.2 opacity: 0.2
} }
@ -522,13 +522,13 @@ Item {
} }
Item { Item {
Layout.topMargin: 32 * scaleRatio Layout.topMargin: 32
Layout.preferredHeight: 40 * scaleRatio Layout.preferredHeight: 40
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
ColumnLayout { ColumnLayout {
spacing: 16 * scaleRatio spacing: 16
MerchantCheckbox { MerchantCheckbox {
id: trackingCheckbox id: trackingCheckbox
@ -542,7 +542,7 @@ Item {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: content id: content
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: false font.bold: false
color: "white" color: "white"
text: qsTr("Leave this page") + translationManager.emptyString text: qsTr("Leave this page") + translationManager.emptyString
@ -563,16 +563,16 @@ Item {
// Shows when the window is too small // Shows when the window is too small
visible: parent.width < root.minWidth visible: parent.width < root.minWidth
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 100 * scaleRatio; anchors.topMargin: 100;
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
height: 120 * scaleRatio height: 120
width: 400 * scaleRatio width: 400
radius: 5 radius: 5
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: true font.bold: true
color: MoneroComponents.Style.moneroGrey color: MoneroComponents.Style.moneroGrey
text: qsTr("The merchant page requires a larger window") + translationManager.emptyString text: qsTr("The merchant page requires a larger window") + translationManager.emptyString

8
pages/merchant/MerchantCheckbox.qml
View file

@ -6,7 +6,7 @@ import "../../components" as MoneroComponents
RowLayout { RowLayout {
id: root id: root
spacing: 10 * scaleRatio spacing: 10
property bool checked: false; property bool checked: false;
property alias text: content.text property alias text: content.text
signal changed; signal changed;
@ -15,8 +15,8 @@ RowLayout {
id: checkbox id: checkbox
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
implicitHeight: 22 * scaleRatio implicitHeight: 22
width: 22 * scaleRatio width: 22
radius: 5 radius: 5
Image { Image {
@ -29,7 +29,7 @@ RowLayout {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: content id: content
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: false font.bold: false
color: "white" color: "white"
text: "" text: ""

2
pages/merchant/MerchantTitlebar.qml
View file

@ -45,7 +45,7 @@ Rectangle {
height: { height: {
if(!persistentSettings.customDecorations || isMobile) return 0; if(!persistentSettings.customDecorations || isMobile) return 0;
return 50 * scaleRatio; return 50;
} }
z: 1 z: 1

40
pages/merchant/MerchantTrackingList.qml
View file

@ -28,11 +28,11 @@ ListView {
// message box // message box
visible: parent.message !== "" visible: parent.message !== ""
anchors.fill: parent anchors.fill: parent
anchors.margins: 20 * scaleRatio anchors.margins: 20
anchors.topMargin: 10 * scaleRatio anchors.topMargin: 10
wrapMode: Text.Wrap wrapMode: Text.Wrap
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: false font.bold: false
color: "#767676" color: "#767676"
textFormat: Text.RichText textFormat: Text.RichText
@ -46,7 +46,7 @@ ListView {
delegate: Item { delegate: Item {
id: trackingTableItem id: trackingTableItem
visible: trackingListView.message === "" visible: trackingListView.message === ""
height: 53 * scaleRatio height: 53
width: parent.width width: parent.width
Layout.fillWidth: true Layout.fillWidth: true
@ -58,22 +58,22 @@ ListView {
Item { Item {
Layout.preferredHeight: parent.height Layout.preferredHeight: parent.height
Layout.preferredWidth: 20 * scaleRatio Layout.preferredWidth: 20
} }
ColumnLayout { ColumnLayout {
spacing: 0 spacing: 0
Layout.preferredHeight: 40 * scaleRatio Layout.preferredHeight: 40
Layout.preferredWidth: 240 * scaleRatio Layout.preferredWidth: 240
Item { Item {
Layout.preferredWidth: parent.width Layout.preferredWidth: parent.width
Layout.preferredHeight: 18 * scaleRatio Layout.preferredHeight: 18
TextEdit { TextEdit {
id: dateString id: dateString
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 13 * scaleRatio font.pixelSize: 13
font.bold: false font.bold: false
color: "#707070" color: "#707070"
text: time_date + " (" + Utils.ago(time_epoch) + ") " text: time_date + " (" + Utils.ago(time_epoch) + ") "
@ -93,11 +93,11 @@ ListView {
TextEdit { TextEdit {
id: hideAmount id: hideAmount
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 1 * scaleRatio anchors.topMargin: 1
anchors.left: parent.left anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
readOnly: true readOnly: true
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.bold: false font.bold: false
color: "#707070" color: "#707070"
text: (hide_amount ? "(" + qsTr("show") + ")" : "(" + qsTr("hide") + ")") + translationManager.emptyString text: (hide_amount ? "(" + qsTr("show") + ")" : "(" + qsTr("hide") + ")") + translationManager.emptyString
@ -117,12 +117,12 @@ ListView {
Item { Item {
Layout.preferredWidth: parent.width Layout.preferredWidth: parent.width
Layout.preferredHeight: 18 * scaleRatio Layout.preferredHeight: 18
TextEdit { TextEdit {
id: amountText id: amountText
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: true font.bold: true
color: hide_amount ? "#707070" : "#009F1E" color: hide_amount ? "#707070" : "#009F1E"
text: hide_amount ? '-' : '+' + amount text: hide_amount ? '-' : '+' + amount
@ -141,7 +141,7 @@ ListView {
RowLayout { RowLayout {
spacing: 0 spacing: 0
Layout.preferredHeight: parent.height Layout.preferredHeight: parent.height
Layout.preferredWidth: 240 * scaleRatio Layout.preferredWidth: 240
Item { Item {
Layout.fillWidth: true Layout.fillWidth: true
@ -149,13 +149,13 @@ ListView {
} }
Item { Item {
Layout.preferredWidth: 150 * scaleRatio Layout.preferredWidth: 150
Layout.preferredHeight: parent.height Layout.preferredHeight: parent.height
TextEdit { TextEdit {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.bold: false font.bold: false
color: "#a8a8a8" color: "#a8a8a8"
text: { text: {
@ -191,14 +191,14 @@ ListView {
} }
Item { Item {
Layout.preferredWidth: 30 * scaleRatio Layout.preferredWidth: 30
Layout.preferredHeight: parent.height Layout.preferredHeight: parent.height
Image { Image {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
Layout.preferredWidth: 12 * scaleRatio Layout.preferredWidth: 12
Layout.preferredHeight: 21 * scaleRatio Layout.preferredHeight: 21
source: "qrc:///images/merchant/arrow_right.png" source: "qrc:///images/merchant/arrow_right.png"
} }
@ -214,7 +214,7 @@ ListView {
} }
Item { Item {
Layout.preferredWidth: 10 * scaleRatio Layout.preferredWidth: 10
Layout.preferredHeight: parent.height Layout.preferredHeight: parent.height
} }
} }

22
pages/settings/Navbar.qml
View file

@ -55,7 +55,7 @@ Rectangle {
columnSpacing: 0 columnSpacing: 0
property string fontColorActive: MoneroComponents.Style.blackTheme ? "white" : "white" property string fontColorActive: MoneroComponents.Style.blackTheme ? "white" : "white"
property string fontColorInActive: MoneroComponents.Style.blackTheme ? "white" : MoneroComponents.Style.dimmedFontColor property string fontColorInActive: MoneroComponents.Style.blackTheme ? "white" : MoneroComponents.Style.dimmedFontColor
property int fontSize: 15 * scaleRatio property int fontSize: 15
property bool fontBold: true property bool fontBold: true
property var fontFamily: MoneroComponents.Style.fontRegular.name property var fontFamily: MoneroComponents.Style.fontRegular.name
property string borderColor: MoneroComponents.Style.blackTheme ? "#808080" : "#B9B9B9" property string borderColor: MoneroComponents.Style.blackTheme ? "#808080" : "#B9B9B9"
@ -118,7 +118,7 @@ Rectangle {
id: navWallet id: navWallet
property bool isActive: settingsStateView.state === "Wallet" property bool isActive: settingsStateView.state === "Wallet"
Layout.preferredWidth: navWalletText.width + grid.textMargin Layout.preferredWidth: navWalletText.width + grid.textMargin
Layout.minimumWidth: 72 * scaleRatio Layout.minimumWidth: 72
Layout.preferredHeight: 32 Layout.preferredHeight: 32
spacing: 0 spacing: 0
@ -130,7 +130,7 @@ Rectangle {
Rectangle { Rectangle {
color: parent.isActive ? grid.borderColor : "transparent" color: parent.isActive ? grid.borderColor : "transparent"
height: 30 * scaleRatio height: 30
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -171,7 +171,7 @@ Rectangle {
property bool isActive: settingsStateView.state === "UI" property bool isActive: settingsStateView.state === "UI"
Layout.preferredWidth: navUIText.width + grid.textMargin Layout.preferredWidth: navUIText.width + grid.textMargin
Layout.preferredHeight: 32 Layout.preferredHeight: 32
Layout.minimumWidth: 72 * scaleRatio Layout.minimumWidth: 72
spacing: 0 spacing: 0
Rectangle { Rectangle {
@ -182,7 +182,7 @@ Rectangle {
Rectangle { Rectangle {
color: parent.isActive ? grid.borderColor : "transparent" color: parent.isActive ? grid.borderColor : "transparent"
height: 30 * scaleRatio height: 30
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -224,7 +224,7 @@ Rectangle {
visible: appWindow.walletMode >= 2 visible: appWindow.walletMode >= 2
Layout.preferredWidth: navNodeText.width + grid.textMargin Layout.preferredWidth: navNodeText.width + grid.textMargin
Layout.preferredHeight: 32 Layout.preferredHeight: 32
Layout.minimumWidth: 72 * scaleRatio Layout.minimumWidth: 72
spacing: 0 spacing: 0
Rectangle { Rectangle {
@ -235,7 +235,7 @@ Rectangle {
Rectangle { Rectangle {
color: parent.isActive ? grid.borderColor : "transparent" color: parent.isActive ? grid.borderColor : "transparent"
height: 30 * scaleRatio height: 30
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -278,7 +278,7 @@ Rectangle {
visible: appWindow.walletMode >= 2 visible: appWindow.walletMode >= 2
Layout.preferredWidth: navLogText.width + grid.textMargin Layout.preferredWidth: navLogText.width + grid.textMargin
Layout.preferredHeight: 32 Layout.preferredHeight: 32
Layout.minimumWidth: 72 * scaleRatio Layout.minimumWidth: 72
spacing: 0 spacing: 0
Rectangle { Rectangle {
@ -289,7 +289,7 @@ Rectangle {
Rectangle { Rectangle {
color: parent.isActive ? grid.borderColor : "transparent" color: parent.isActive ? grid.borderColor : "transparent"
height: 30 * scaleRatio height: 30
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -331,7 +331,7 @@ Rectangle {
property bool isActive: settingsStateView.state === "Info" property bool isActive: settingsStateView.state === "Info"
Layout.preferredWidth: navInfoText.width + grid.textMargin Layout.preferredWidth: navInfoText.width + grid.textMargin
Layout.preferredHeight: 32 Layout.preferredHeight: 32
Layout.minimumWidth: 72 * scaleRatio Layout.minimumWidth: 72
spacing: 0 spacing: 0
Rectangle { Rectangle {
@ -342,7 +342,7 @@ Rectangle {
Rectangle { Rectangle {
color: parent.isActive ? grid.borderColor : "transparent" color: parent.isActive ? grid.borderColor : "transparent"
height: 30 * scaleRatio height: 30
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.TextPlain { MoneroComponents.TextPlain {

84
pages/settings/SettingsInfo.qml
View file

@ -38,7 +38,7 @@ import "../../components" as MoneroComponents
Rectangle { Rectangle {
color: "transparent" color: "transparent"
height: 1400 * scaleRatio height: 1400
Layout.fillWidth: true Layout.fillWidth: true
property string walletModeString: { property string walletModeString: {
if(appWindow.walletMode === 0){ if(appWindow.walletMode === 0){
@ -56,29 +56,29 @@ Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 0 anchors.topMargin: 0
spacing: 30 * scaleRatio spacing: 30
GridLayout { GridLayout {
columns: 2 columns: 2
columnSpacing: 0 columnSpacing: 0
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("GUI version: ") + translationManager.emptyString text: qsTr("GUI version: ") + translationManager.emptyString
} }
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
text: Version.GUI_VERSION + " (Qt " + qtRuntimeVersion + ")" + translationManager.emptyString text: Version.GUI_VERSION + " (Qt " + qtRuntimeVersion + ")" + translationManager.emptyString
} }
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -86,8 +86,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -95,20 +95,20 @@ Rectangle {
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
id: guiMoneroVersion id: guiMoneroVersion
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("Embedded Monero version: ") + translationManager.emptyString text: qsTr("Embedded Monero version: ") + translationManager.emptyString
} }
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
text: Version.GUI_MONERO_VERSION + translationManager.emptyString text: Version.GUI_MONERO_VERSION + translationManager.emptyString
} }
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -116,8 +116,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -125,15 +125,15 @@ Rectangle {
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("Wallet path: ") + translationManager.emptyString text: qsTr("Wallet path: ") + translationManager.emptyString
} }
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: 360 * scaleRatio Layout.maximumWidth: 360
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: { text: {
var wallet_path = walletPath(); var wallet_path = walletPath();
if(isIOS) if(isIOS)
@ -144,8 +144,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -153,8 +153,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -162,7 +162,7 @@ Rectangle {
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
id: restoreHeight id: restoreHeight
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
textFormat: Text.RichText textFormat: Text.RichText
text: (typeof currentWallet == "undefined") ? "" : qsTr("Wallet creation height: ") + translationManager.emptyString text: (typeof currentWallet == "undefined") ? "" : qsTr("Wallet creation height: ") + translationManager.emptyString
} }
@ -172,7 +172,7 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
textFormat: Text.RichText textFormat: Text.RichText
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
property var style: "<style type='text/css'>a {cursor:pointer;text-decoration: none; color: #FF6C3C}</style>" property var style: "<style type='text/css'>a {cursor:pointer;text-decoration: none; color: #FF6C3C}</style>"
text: (currentWallet ? currentWallet.walletCreationHeight : "") + style + qsTr(" <a href='#'> (Click to change)</a>") + translationManager.emptyString text: (currentWallet ? currentWallet.walletCreationHeight : "") + style + qsTr(" <a href='#'> (Click to change)</a>") + translationManager.emptyString
onLinkActivated: { onLinkActivated: {
@ -234,8 +234,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -243,8 +243,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -252,21 +252,21 @@ Rectangle {
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("Wallet log path: ") + translationManager.emptyString text: qsTr("Wallet log path: ") + translationManager.emptyString
} }
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: walletLogPath text: walletLogPath
} }
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -274,8 +274,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -283,21 +283,21 @@ Rectangle {
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("Wallet mode: ") + translationManager.emptyString text: qsTr("Wallet mode: ") + translationManager.emptyString
} }
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: walletModeString text: walletModeString
} }
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -305,8 +305,8 @@ Rectangle {
Rectangle { Rectangle {
height: 1 height: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -314,14 +314,14 @@ Rectangle {
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: qsTr("Graphics mode: ") + translationManager.emptyString text: qsTr("Graphics mode: ") + translationManager.emptyString
} }
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
text: isOpenGL ? "OpenGL" : "Low graphics mode" text: isOpenGL ? "OpenGL" : "Low graphics mode"
} }
} }

22
pages/settings/SettingsLayout.qml
View file

@ -50,14 +50,14 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: settingsUI id: settingsUI
property int itemHeight: 60 * scaleRatio property int itemHeight: 60
Layout.fillWidth: true Layout.fillWidth: true
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 0 anchors.topMargin: 0
spacing: 6 * scaleRatio spacing: 6
MoneroComponents.CheckBox { MoneroComponents.CheckBox {
visible: !isMobile visible: !isMobile
@ -109,12 +109,12 @@ Rectangle {
ColumnLayout { ColumnLayout {
visible: userInActivityCheckbox.checked visible: userInActivityCheckbox.checked
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 6 * scaleRatio Layout.topMargin: 6
Layout.leftMargin: 42 * scaleRatio Layout.leftMargin: 42
spacing: 0 spacing: 0
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
Layout.fillWidth: true Layout.fillWidth: true
text: { text: {
var val = userInactivitySlider.value; var val = userInactivitySlider.value;
@ -136,8 +136,8 @@ Rectangle {
background: Rectangle { background: Rectangle {
x: parent.leftPadding x: parent.leftPadding
y: parent.topPadding + parent.availableHeight / 2 - height / 2 y: parent.topPadding + parent.availableHeight / 2 - height / 2
implicitWidth: 200 * scaleRatio implicitWidth: 200
implicitHeight: 4 * scaleRatio implicitHeight: 4
width: parent.availableWidth width: parent.availableWidth
height: implicitHeight height: implicitHeight
radius: 2 radius: 2
@ -154,8 +154,8 @@ Rectangle {
handle: Rectangle { handle: Rectangle {
x: parent.leftPadding + parent.visualPosition * (parent.availableWidth - width) x: parent.leftPadding + parent.visualPosition * (parent.availableWidth - width)
y: parent.topPadding + parent.availableHeight / 2 - height / 2 y: parent.topPadding + parent.availableHeight / 2 - height / 2
implicitWidth: 18 * scaleRatio implicitWidth: 18
implicitHeight: 18 * scaleRatio implicitHeight: 18
radius: 8 radius: 8
color: parent.pressed ? "#f0f0f0" : "#f6f6f6" color: parent.pressed ? "#f0f0f0" : "#f6f6f6"
border.color: MoneroComponents.Style.grey border.color: MoneroComponents.Style.grey
@ -176,7 +176,7 @@ Rectangle {
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
visible: !persistentSettings.customDecorations visible: !persistentSettings.customDecorations
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
small: true small: true
text: qsTr("Change language") + translationManager.emptyString text: qsTr("Change language") + translationManager.emptyString

32
pages/settings/SettingsLog.qml
View file

@ -42,34 +42,34 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: settingsLog id: settingsLog
property int itemHeight: 60 * scaleRatio property int itemHeight: 60
Layout.fillWidth: true Layout.fillWidth: true
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 0 anchors.topMargin: 0
spacing: 10 spacing: 10
// Rectangle { // Rectangle {
// // divider // // divider
// Layout.preferredHeight: 1 * scaleRatio // Layout.preferredHeight: 1
// Layout.fillWidth: true // Layout.fillWidth: true
// Layout.bottomMargin: 8 * scaleRatio // Layout.bottomMargin: 8
// color: MoneroComponents.Style.dividerColor // color: MoneroComponents.Style.dividerColor
// opacity: MoneroComponents.Style.dividerOpacity // opacity: MoneroComponents.Style.dividerOpacity
// } // }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.pixelSize: 18 * scaleRatio font.pixelSize: 18
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
text: qsTr("Log level") + translationManager.emptyString text: qsTr("Log level") + translationManager.emptyString
} }
ColumnLayout { ColumnLayout {
spacing: 10 * scaleRatio spacing: 10
Layout.fillWidth: true Layout.fillWidth: true
id: logColumn id: logColumn
z: parent.z + 1 z: parent.z + 1
@ -87,7 +87,7 @@ Rectangle {
MoneroComponents.StandardDropdown { MoneroComponents.StandardDropdown {
id: logLevelDropdown id: logLevelDropdown
dataModel: logLevel dataModel: logLevel
itemTopMargin: 2 * scaleRatio itemTopMargin: 2
currentIndex: appWindow.persistentSettings.logLevel; currentIndex: appWindow.persistentSettings.logLevel;
onChanged: { onChanged: {
if (currentIndex == 5) { if (currentIndex == 5) {
@ -112,8 +112,8 @@ Rectangle {
Layout.preferredWidth: logColumn.width Layout.preferredWidth: logColumn.width
text: appWindow.persistentSettings.logCategories text: appWindow.persistentSettings.logCategories
placeholderText: "(e.g. *:WARNING,net.p2p:DEBUG)" placeholderText: "(e.g. *:WARNING,net.p2p:DEBUG)"
placeholderFontSize: 14 * scaleRatio placeholderFontSize: 14
fontSize: 14 * scaleRatio fontSize: 14
enabled: logLevelDropdown.currentIndex === 5 enabled: logLevelDropdown.currentIndex === 5
onEditingFinished: { onEditingFinished: {
if(enabled) { if(enabled) {
@ -126,10 +126,10 @@ Rectangle {
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.pixelSize: 18 * scaleRatio font.pixelSize: 18
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
text: qsTr("Daemon log") + translationManager.emptyString text: qsTr("Daemon log") + translationManager.emptyString
} }
@ -137,7 +137,7 @@ Rectangle {
Item { Item {
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 240 * scaleRatio Layout.preferredHeight: 240
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
@ -159,7 +159,7 @@ Rectangle {
selectByMouse: true selectByMouse: true
selectByKeyboard: true selectByKeyboard: true
font.family: MoneroComponents.Style.defaultFontColor font.family: MoneroComponents.Style.defaultFontColor
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
wrapMode: TextEdit.Wrap wrapMode: TextEdit.Wrap
readOnly: true readOnly: true
function logCommand(msg){ function logCommand(msg){
@ -212,7 +212,7 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
fontBold: false fontBold: false
placeholderText: qsTr("command + enter (e.g 'help' or 'status')") + translationManager.emptyString placeholderText: qsTr("command + enter (e.g 'help' or 'status')") + translationManager.emptyString
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
onAccepted: { onAccepted: {
if(text.length > 0) { if(text.length > 0) {
consoleArea.logCommand(">>> " + text) consoleArea.logCommand(">>> " + text)

76
pages/settings/SettingsNode.qml
View file

@ -42,17 +42,17 @@ Rectangle{
/* main layout */ /* main layout */
ColumnLayout { ColumnLayout {
id: root id: root
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 0 anchors.topMargin: 0
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
spacing: 0 * scaleRatio spacing: 0
property int labelWidth: 120 property int labelWidth: 120
property int editWidth: 400 property int editWidth: 400
property int lineEditFontSize: 14 * scaleRatio property int lineEditFontSize: 14
property int buttonWidth: 110 property int buttonWidth: 110
Rectangle { Rectangle {
@ -63,7 +63,7 @@ Rectangle{
Rectangle { Rectangle {
id: localNodeDivider id: localNodeDivider
Layout.fillWidth: true Layout.fillWidth: true
anchors.topMargin: 0 * scaleRatio anchors.topMargin: 0
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: 1 height: 1
@ -93,7 +93,7 @@ Rectangle{
height: 32 height: 32
width: 32 width: 32
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 16 * scaleRatio anchors.leftMargin: 16
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
@ -113,25 +113,25 @@ Rectangle{
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: localNodeHeader id: localNodeHeader
anchors.left: localNodeIcon.right anchors.left: localNodeIcon.right
anchors.leftMargin: 14 * scaleRatio anchors.leftMargin: 14
anchors.top: parent.top anchors.top: parent.top
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.bold: true font.bold: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: qsTr("Local node") + translationManager.emptyString text: qsTr("Local node") + translationManager.emptyString
} }
TextArea { TextArea {
id: localNodeArea id: localNodeArea
anchors.top: localNodeHeader.bottom anchors.top: localNodeHeader.bottom
anchors.topMargin: 4 * scaleRatio anchors.topMargin: 4
anchors.left: localNodeIcon.right anchors.left: localNodeIcon.right
anchors.leftMargin: 14 * scaleRatio anchors.leftMargin: 14
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
selectByMouse: false selectByMouse: false
wrapMode: Text.WordWrap; wrapMode: Text.WordWrap;
@ -169,7 +169,7 @@ Rectangle{
Rectangle { Rectangle {
id: remoteNodeDivider id: remoteNodeDivider
Layout.fillWidth: true Layout.fillWidth: true
anchors.topMargin: 0 * scaleRatio anchors.topMargin: 0
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: 1 height: 1
@ -199,7 +199,7 @@ Rectangle{
height: 32 height: 32
width: 32 width: 32
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 16 * scaleRatio anchors.leftMargin: 16
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
MoneroEffects.ImageMask { MoneroEffects.ImageMask {
@ -218,25 +218,25 @@ Rectangle{
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: remoteNodeHeader id: remoteNodeHeader
anchors.left: remoteNodeIcon.right anchors.left: remoteNodeIcon.right
anchors.leftMargin: 14 * scaleRatio anchors.leftMargin: 14
anchors.top: parent.top anchors.top: parent.top
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.bold: true font.bold: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: qsTr("Remote node") + translationManager.emptyString text: qsTr("Remote node") + translationManager.emptyString
} }
TextArea { TextArea {
id: remoteNodeArea id: remoteNodeArea
anchors.top: remoteNodeHeader.bottom anchors.top: remoteNodeHeader.bottom
anchors.topMargin: 4 * scaleRatio anchors.topMargin: 4
anchors.left: remoteNodeIcon.right anchors.left: remoteNodeIcon.right
anchors.leftMargin: 14 * scaleRatio anchors.leftMargin: 14
color: MoneroComponents.Style.dimmedFontColor color: MoneroComponents.Style.dimmedFontColor
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
activeFocusOnPress: false activeFocusOnPress: false
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
selectByMouse: false selectByMouse: false
@ -269,7 +269,7 @@ Rectangle{
Rectangle { Rectangle {
id: localNodeBottomDivider id: localNodeBottomDivider
Layout.fillWidth: true Layout.fillWidth: true
anchors.topMargin: 0 * scaleRatio anchors.topMargin: 0
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
@ -282,21 +282,21 @@ Rectangle{
ColumnLayout { ColumnLayout {
id: remoteNodeLayout id: remoteNodeLayout
anchors.margins: 0 anchors.margins: 0
spacing: 20 * scaleRatio spacing: 20
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 20 Layout.topMargin: 20
visible: !isMobile && persistentSettings.useRemoteNode visible: !isMobile && persistentSettings.useRemoteNode
MoneroComponents.WarningBox { MoneroComponents.WarningBox {
Layout.topMargin: 26 * scaleRatio Layout.topMargin: 26
Layout.bottomMargin: 6 * scaleRatio Layout.bottomMargin: 6
text: qsTr("To find a remote node, type 'Monero remote node' into your favorite search engine. Please ensure the node is run by a trusted third-party.") + translationManager.emptyString text: qsTr("To find a remote node, type 'Monero remote node' into your favorite search engine. Please ensure the node is run by a trusted third-party.") + translationManager.emptyString
} }
MoneroComponents.RemoteNodeEdit { MoneroComponents.RemoteNodeEdit {
id: remoteNodeEdit id: remoteNodeEdit
Layout.minimumWidth: 100 * scaleRatio Layout.minimumWidth: 100
placeholderFontSize: 15 * scaleRatio placeholderFontSize: 15
daemonAddrLabelText: qsTr("Address") daemonAddrLabelText: qsTr("Address")
daemonPortLabelText: qsTr("Port") daemonPortLabelText: qsTr("Port")
@ -326,9 +326,9 @@ Rectangle{
labelText: "Daemon username" labelText: "Daemon username"
text: persistentSettings.daemonUsername text: persistentSettings.daemonUsername
placeholderText: qsTr("(optional)") + translationManager.emptyString placeholderText: qsTr("(optional)") + translationManager.emptyString
placeholderFontSize: 15 * scaleRatio placeholderFontSize: 15
labelFontSize: 14 * scaleRatio labelFontSize: 14
fontSize: 15 * scaleRatio fontSize: 15
} }
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
@ -338,9 +338,9 @@ Rectangle{
text: persistentSettings.daemonPassword text: persistentSettings.daemonPassword
placeholderText: qsTr("Password") + translationManager.emptyString placeholderText: qsTr("Password") + translationManager.emptyString
echoMode: TextInput.Password echoMode: TextInput.Password
placeholderFontSize: 15 * scaleRatio placeholderFontSize: 15
labelFontSize: 14 * scaleRatio labelFontSize: 14
fontSize: 15 * scaleRatio fontSize: 15
} }
} }
@ -375,7 +375,7 @@ Rectangle{
ColumnLayout { ColumnLayout {
id: localNodeLayout id: localNodeLayout
spacing: 20 * scaleRatio spacing: 20
Layout.topMargin: 40 Layout.topMargin: 40
visible: !isMobile && !persistentSettings.useRemoteNode visible: !isMobile && !persistentSettings.useRemoteNode
@ -397,12 +397,12 @@ Rectangle{
id: blockchainFolder id: blockchainFolder
Layout.preferredWidth: 200 Layout.preferredWidth: 200
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 15 * scaleRatio fontSize: 15
labelFontSize: 14 * scaleRatio labelFontSize: 14
property string style: "<style type='text/css'>a {cursor:pointer;text-decoration: none; color: #FF6C3C}</style>" property string style: "<style type='text/css'>a {cursor:pointer;text-decoration: none; color: #FF6C3C}</style>"
labelText: qsTr("Blockchain location") + style + qsTr(" <a href='#'> (change)</a>") + translationManager.emptyString labelText: qsTr("Blockchain location") + style + qsTr(" <a href='#'> (change)</a>") + translationManager.emptyString
placeholderText: qsTr("(default)") + translationManager.emptyString placeholderText: qsTr("(default)") + translationManager.emptyString
placeholderFontSize: 15 * scaleRatio placeholderFontSize: 15
text: { text: {
if(persistentSettings.blockchainDataDir.length > 0){ if(persistentSettings.blockchainDataDir.length > 0){
return persistentSettings.blockchainDataDir; return persistentSettings.blockchainDataDir;
@ -423,12 +423,12 @@ Rectangle{
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: daemonFlags id: daemonFlags
Layout.fillWidth: true Layout.fillWidth: true
labelFontSize: 14 * scaleRatio labelFontSize: 14
fontSize: 15 * scaleRatio fontSize: 15
wrapMode: Text.WrapAnywhere wrapMode: Text.WrapAnywhere
labelText: qsTr("Daemon startup flags") + translationManager.emptyString labelText: qsTr("Daemon startup flags") + translationManager.emptyString
placeholderText: qsTr("(optional)") + translationManager.emptyString placeholderText: qsTr("(optional)") + translationManager.emptyString
placeholderFontSize: 15 * scaleRatio placeholderFontSize: 15
text: persistentSettings.daemonFlags text: persistentSettings.daemonFlags
addressValidation: false addressValidation: false
onEditingFinished: persistentSettings.daemonFlags = daemonFlags.text; onEditingFinished: persistentSettings.daemonFlags = daemonFlags.text;
@ -442,8 +442,8 @@ Rectangle{
MoneroComponents.RemoteNodeEdit { MoneroComponents.RemoteNodeEdit {
id: bootstrapNodeEdit id: bootstrapNodeEdit
Layout.minimumWidth: 100 * scaleRatio Layout.minimumWidth: 100
Layout.bottomMargin: 20 * scaleRatio Layout.bottomMargin: 20
daemonAddrLabelText: qsTr("Bootstrap Address") daemonAddrLabelText: qsTr("Bootstrap Address")
daemonPortLabelText: qsTr("Bootstrap Port") daemonPortLabelText: qsTr("Bootstrap Port")

72
pages/settings/SettingsWallet.qml
View file

@ -41,20 +41,20 @@ Rectangle {
ColumnLayout { ColumnLayout {
id: settingsWallet id: settingsWallet
property int itemHeight: 60 * scaleRatio property int itemHeight: 60
Layout.fillWidth: true Layout.fillWidth: true
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.margins: (isMobile)? 17 * scaleRatio : 20 * scaleRatio anchors.margins: (isMobile)? 17 : 20
anchors.topMargin: 0 anchors.topMargin: 0
spacing: 0 spacing: 0
Rectangle { Rectangle {
// divider // divider
Layout.preferredHeight: 1 * scaleRatio Layout.preferredHeight: 1
Layout.fillWidth: true Layout.fillWidth: true
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
} }
@ -71,13 +71,13 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.bold: true font.bold: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: qsTr("Close this wallet") + translationManager.emptyString text: qsTr("Close this wallet") + translationManager.emptyString
} }
@ -101,16 +101,16 @@ Rectangle {
middlePanel.receiveView.clearFields(); middlePanel.receiveView.clearFields();
appWindow.showWizard(); appWindow.showWizard();
} }
width: 135 * scaleRatio width: 135
} }
} }
Rectangle { Rectangle {
// divider // divider
Layout.preferredHeight: 1 * scaleRatio Layout.preferredHeight: 1
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
} }
@ -128,13 +128,13 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.bold: true font.bold: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: qsTr("Create a view-only wallet") + translationManager.emptyString text: qsTr("Create a view-only wallet") + translationManager.emptyString
} }
@ -166,17 +166,17 @@ Rectangle {
informationPopup.open() informationPopup.open()
} }
} }
width: 135 * scaleRatio width: 135
} }
} }
Rectangle { Rectangle {
// divider // divider
visible: !appWindow.viewOnly visible: !appWindow.viewOnly
Layout.preferredHeight: 1 * scaleRatio Layout.preferredHeight: 1
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
} }
@ -193,13 +193,13 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.bold: true font.bold: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: qsTr("Show seed & keys") + translationManager.emptyString text: qsTr("Show seed & keys") + translationManager.emptyString
} }
@ -220,16 +220,16 @@ Rectangle {
onClicked: { onClicked: {
Utils.showSeedPage(); Utils.showSeedPage();
} }
width: 135 * scaleRatio width: 135
} }
} }
Rectangle { Rectangle {
// divider // divider
Layout.preferredHeight: 1 * scaleRatio Layout.preferredHeight: 1
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
} }
@ -247,13 +247,13 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.bold: true font.bold: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: qsTr("Rescan wallet balance") + translationManager.emptyString text: qsTr("Rescan wallet balance") + translationManager.emptyString
} }
@ -287,16 +287,16 @@ Rectangle {
informationPopup.open(); informationPopup.open();
} }
} }
width: 135 * scaleRatio width: 135
} }
} }
Rectangle { Rectangle {
// divider // divider
visible: appWindow.walletMode >= 2 visible: appWindow.walletMode >= 2
Layout.preferredHeight: 1 * scaleRatio Layout.preferredHeight: 1
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.bottomMargin: 8 * scaleRatio Layout.bottomMargin: 8
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
} }
@ -313,13 +313,13 @@ Rectangle {
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.bold: true font.bold: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
text: qsTr("Change wallet password") + translationManager.emptyString text: qsTr("Change wallet password") + translationManager.emptyString
} }
@ -353,7 +353,7 @@ Rectangle {
passwordDialog.onRejectedCallback = null; passwordDialog.onRejectedCallback = null;
passwordDialog.open() passwordDialog.open()
} }
width: 135 * scaleRatio width: 135
} }
} }
} }

42
wizard/WizardAskPassword.qml
View file

@ -79,7 +79,7 @@ ColumnLayout {
progressText.text = passwordStrengthText + strengthString + translationManager.emptyString; progressText.text = passwordStrengthText + strengthString + translationManager.emptyString;
} }
spacing: 20 * scaleRatio spacing: 20
WizardHeader{ WizardHeader{
title: qsTr("Give your wallet a password") + translationManager.emptyString title: qsTr("Give your wallet a password") + translationManager.emptyString
@ -100,21 +100,21 @@ ColumnLayout {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 6 anchors.topMargin: 6
font.family: MoneroComponents.Style.fontMedium.name font.family: MoneroComponents.Style.fontMedium.name
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.bold: false font.bold: false
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: root.passwordStrengthText + '-' text: root.passwordStrengthText + '-'
height: 18 * scaleRatio height: 18
passwordCharacter: "*" passwordCharacter: "*"
} }
TextInput { TextInput {
id: progressTextValue id: progressTextValue
font.family: MoneroComponents.Style.fontMedium.name font.family: MoneroComponents.Style.fontMedium.name
font.pixelSize: 13 * scaleRatio font.pixelSize: 13
font.bold: true font.bold: true
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
height: 18 * scaleRatio height: 18
passwordCharacter: "*" passwordCharacter: "*"
} }
@ -123,7 +123,7 @@ ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 8 Layout.preferredHeight: 8
radius: 8 * scaleRatio radius: 8
color: MoneroComponents.Style.progressBarBackgroundColor color: MoneroComponents.Style.progressBarBackgroundColor
Rectangle { Rectangle {
@ -132,7 +132,7 @@ ColumnLayout {
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
height: bar.height height: bar.height
property int maxWidth: bar.width * scaleRatio property int maxWidth: bar.width
width: (maxWidth * root.passwordFill) / 100 width: (maxWidth * root.passwordFill) / 100
radius: 8 radius: 8
color: MoneroComponents.Style.orange color: MoneroComponents.Style.orange
@ -142,20 +142,20 @@ ColumnLayout {
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 8 * scaleRatio anchors.leftMargin: 8
} }
} }
} }
ColumnLayout { ColumnLayout {
spacing: 4 * scaleRatio spacing: 4
Layout.fillWidth: true Layout.fillWidth: true
Label { Label {
text: qsTr("Password") + translationManager.emptyString text: qsTr("Password") + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -164,12 +164,12 @@ ColumnLayout {
TextField { TextField {
id: passwordInput id: passwordInput
Layout.topMargin: 6 * scaleRatio Layout.topMargin: 6
Layout.fillWidth: true Layout.fillWidth: true
bottomPadding: 10 * scaleRatio bottomPadding: 10
leftPadding: 10 * scaleRatio leftPadding: 10
topPadding: 10 * scaleRatio topPadding: 10
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
@ -177,7 +177,7 @@ ColumnLayout {
KeyNavigation.tab: passwordInputConfirm KeyNavigation.tab: passwordInputConfirm
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
selectionColor: MoneroComponents.Style.textSelectionColor selectionColor: MoneroComponents.Style.textSelectionColor
selectedTextColor: MoneroComponents.Style.textSelectedColor selectedTextColor: MoneroComponents.Style.textSelectedColor
@ -212,7 +212,7 @@ ColumnLayout {
text: qsTr("Password (confirm)") + translationManager.emptyString text: qsTr("Password (confirm)") + translationManager.emptyString
Layout.fillWidth: true Layout.fillWidth: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -221,12 +221,12 @@ ColumnLayout {
TextField { TextField {
id : passwordInputConfirm id : passwordInputConfirm
Layout.topMargin: 6 * scaleRatio Layout.topMargin: 6
Layout.fillWidth: true Layout.fillWidth: true
bottomPadding: 10 * scaleRatio bottomPadding: 10
leftPadding: 10 * scaleRatio leftPadding: 10
topPadding: 10 * scaleRatio topPadding: 10
horizontalAlignment: TextInput.AlignLeft horizontalAlignment: TextInput.AlignLeft
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
@ -234,7 +234,7 @@ ColumnLayout {
KeyNavigation.tab: passwordInputConfirm KeyNavigation.tab: passwordInputConfirm
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 15 * scaleRatio font.pixelSize: 15
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
selectionColor: MoneroComponents.Style.textSelectionColor selectionColor: MoneroComponents.Style.textSelectionColor
selectedTextColor: MoneroComponents.Style.textSelectedColor selectedTextColor: MoneroComponents.Style.textSelectedColor

4
wizard/WizardController.qml
View file

@ -76,8 +76,8 @@ Rectangle {
property var m_wallet; property var m_wallet;
property alias wizardState: wizardStateView.state property alias wizardState: wizardStateView.state
property alias wizardStatePrevious: wizardStateView.previousView property alias wizardStatePrevious: wizardStateView.previousView
property int wizardSubViewWidth: 780 * scaleRatio property int wizardSubViewWidth: 780
property int wizardSubViewTopMargin: persistentSettings.customDecorations ? 90 * scaleRatio : 32 * scaleRatio property int wizardSubViewTopMargin: persistentSettings.customDecorations ? 90 : 32
property bool skipModeSelection: false property bool skipModeSelection: false
// wallet variables // wallet variables

28
wizard/WizardCreateDevice1.qml
View file

@ -68,7 +68,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("Create a new wallet") + translationManager.emptyString title: qsTr("Create a new wallet") + translationManager.emptyString
@ -82,13 +82,13 @@ Rectangle {
ColumnLayout { ColumnLayout {
spacing: 0 spacing: 0
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.RadioButton { MoneroComponents.RadioButton {
id: newDeviceWallet id: newDeviceWallet
text: qsTr("Create a new wallet from device.") + translationManager.emptyString text: qsTr("Create a new wallet from device.") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
checked: true checked: true
onClicked: { onClicked: {
checked = true; checked = true;
@ -99,9 +99,9 @@ Rectangle {
MoneroComponents.RadioButton { MoneroComponents.RadioButton {
id: restoreDeviceWallet id: restoreDeviceWallet
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
text: qsTr("Restore a wallet from device. Use this if you used your hardware wallet before.") + translationManager.emptyString text: qsTr("Restore a wallet from device. Use this if you used your hardware wallet before.") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
checked: false checked: false
onClicked: { onClicked: {
checked = true; checked = true;
@ -112,18 +112,18 @@ Rectangle {
} }
ColumnLayout { ColumnLayout {
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
spacing: 20 * scaleRatio spacing: 20
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
id: restoreHeight id: restoreHeight
visible: !newDeviceWallet.checked visible: !newDeviceWallet.checked
Layout.fillWidth: true Layout.fillWidth: true
labelText: qsTr("Wallet creation date as `YYYY-MM-DD` or restore height") + translationManager.emptyString labelText: qsTr("Wallet creation date as `YYYY-MM-DD` or restore height") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Restore height") + translationManager.emptyString placeholderText: qsTr("Restore height") + translationManager.emptyString
validator: RegExpValidator { validator: RegExpValidator {
regExp: /^(\d+|\d{4}-\d{2}-\d{2})$/ regExp: /^(\d+|\d{4}-\d{2}-\d{2})$/
@ -136,9 +136,9 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
labelText: qsTr("Subaddress lookahead (optional)") + translationManager.emptyString labelText: qsTr("Subaddress lookahead (optional)") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderText: "<major>:<minor>" placeholderText: "<major>:<minor>"
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
validator: RegExpValidator { regExp: /(\d+):(\d+)?$/ } validator: RegExpValidator { regExp: /(\d+):(\d+)?$/ }
} }
} }
@ -146,7 +146,7 @@ Rectangle {
ColumnLayout { ColumnLayout {
spacing: 0 spacing: 0
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
z: 3 z: 3
@ -155,7 +155,7 @@ Rectangle {
id: deviceNameDropdown id: deviceNameDropdown
dataModel: deviceNameModel dataModel: deviceNameModel
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 6 * scaleRatio Layout.topMargin: 6
} }
} }
} }
@ -167,7 +167,7 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
color: MoneroComponents.Style.errorColor color: MoneroComponents.Style.errorColor
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
selectionColor: MoneroComponents.Style.textSelectionColor selectionColor: MoneroComponents.Style.textSelectionColor
selectedTextColor: MoneroComponents.Style.textSelectedColor selectedTextColor: MoneroComponents.Style.textSelectedColor

16
wizard/WizardCreateWallet1.qml
View file

@ -54,7 +54,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("Create a new wallet") + translationManager.emptyString title: qsTr("Create a new wallet") + translationManager.emptyString
@ -68,26 +68,26 @@ Rectangle {
ColumnLayout { ColumnLayout {
spacing: 0 spacing: 0
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.LineEditMulti { MoneroComponents.LineEditMulti {
id: seed id: seed
spacing: 0 spacing: 0
inputPaddingLeft: 16 * scaleRatio inputPaddingLeft: 16
inputPaddingRight: 16 * scaleRatio inputPaddingRight: 16
inputPaddingTop: 20 * scaleRatio inputPaddingTop: 20
inputPaddingBottom: 20 * scaleRatio inputPaddingBottom: 20
inputRadius: 0 inputRadius: 0
fontSize: 18 * scaleRatio fontSize: 18
fontBold: true fontBold: true
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
backgroundColor: "red" backgroundColor: "red"
addressValidation: false addressValidation: false
labelText: qsTr("Mnemonic seed") + translationManager.emptyString labelText: qsTr("Mnemonic seed") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
copyButton: false copyButton: false
readOnly: true readOnly: true

2
wizard/WizardCreateWallet2.qml
View file

@ -51,7 +51,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 0 * scaleRatio spacing: 0
WizardAskPassword { WizardAskPassword {
id: passwordFields id: passwordFields

2
wizard/WizardCreateWallet3.qml
View file

@ -51,7 +51,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("Daemon settings") + translationManager.emptyString title: qsTr("Daemon settings") + translationManager.emptyString

4
wizard/WizardCreateWallet4.qml
View file

@ -52,7 +52,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("You're all set up!") + translationManager.emptyString title: qsTr("You're all set up!") + translationManager.emptyString
@ -62,7 +62,7 @@ Rectangle {
WizardSummary {} WizardSummary {}
WizardNav { WizardNav {
Layout.topMargin: 24 * scaleRatio Layout.topMargin: 24
btnNextText: qsTr("Open wallet") + translationManager.emptyString btnNextText: qsTr("Open wallet") + translationManager.emptyString
progressSteps: 4 progressSteps: 4
progress: 4 progress: 4

36
wizard/WizardDaemonSettings.qml
View file

@ -38,7 +38,7 @@ ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 10 * scaleRatio spacing: 10
function save(){ function save(){
persistentSettings.useRemoteNode = remoteNode.checked persistentSettings.useRemoteNode = remoteNode.checked
@ -50,7 +50,7 @@ ColumnLayout {
id: localNode id: localNode
Layout.fillWidth: true Layout.fillWidth: true
text: qsTr("Start a node automatically in background (recommended)") + translationManager.emptyString text: qsTr("Start a node automatically in background (recommended)") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
checked: !appWindow.persistentSettings.useRemoteNode && !isAndroid && !isIOS checked: !appWindow.persistentSettings.useRemoteNode && !isAndroid && !isIOS
visible: !isAndroid && !isIOS visible: !isAndroid && !isIOS
onClicked: { onClicked: {
@ -62,9 +62,9 @@ ColumnLayout {
ColumnLayout { ColumnLayout {
id: blockchainFolderRow id: blockchainFolderRow
visible: localNode.checked visible: localNode.checked
spacing: 20 * scaleRatio spacing: 20
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.LineEdit { MoneroComponents.LineEdit {
@ -73,9 +73,9 @@ ColumnLayout {
readOnly: true readOnly: true
labelText: qsTr("Blockchain location (optional)") + translationManager.emptyString labelText: qsTr("Blockchain location (optional)") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderText: qsTr("Default") + translationManager.emptyString placeholderText: qsTr("Default") + translationManager.emptyString
placeholderFontSize: 15 * scaleRatio placeholderFontSize: 15
text: persistentSettings.blockchainDataDir text: persistentSettings.blockchainDataDir
inlineButton.small: true inlineButton.small: true
inlineButtonText: qsTr("Browse") + translationManager.emptyString inlineButtonText: qsTr("Browse") + translationManager.emptyString
@ -88,20 +88,20 @@ ColumnLayout {
} }
ColumnLayout{ ColumnLayout{
Layout.topMargin: 6 * scaleRatio Layout.topMargin: 6
spacing: 0 spacing: 0
TextArea { TextArea {
text: qsTr("Bootstrap node") + translationManager.emptyString text: qsTr("Bootstrap node") + translationManager.emptyString
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.pixelSize: { font.pixelSize: {
if(wizardController.layoutScale === 2 ){ if(wizardController.layoutScale === 2 ){
return 22 * scaleRatio; return 22;
} else { } else {
return 16 * scaleRatio; return 16;
} }
} }
@ -119,7 +119,7 @@ ColumnLayout {
TextArea { TextArea {
text: qsTr("Additionally, you may specify a bootstrap node to use Monero immediately.") + translationManager.emptyString text: qsTr("Additionally, you may specify a bootstrap node to use Monero immediately.") + translationManager.emptyString
Layout.topMargin: 4 * scaleRatio Layout.topMargin: 4
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
@ -127,9 +127,9 @@ ColumnLayout {
font.pixelSize: { font.pixelSize: {
if(wizardController.layoutScale === 2 ){ if(wizardController.layoutScale === 2 ){
return 16 * scaleRatio; return 16;
} else { } else {
return 14 * scaleRatio; return 14;
} }
} }
@ -152,7 +152,7 @@ ColumnLayout {
MoneroComponents.RemoteNodeEdit { MoneroComponents.RemoteNodeEdit {
id: bootstrapNodeEdit id: bootstrapNodeEdit
Layout.minimumWidth: 300 * scaleRatio Layout.minimumWidth: 300
//labelText: qsTr("Bootstrap node (leave blank if not wanted)") + translationManager.emptyString //labelText: qsTr("Bootstrap node (leave blank if not wanted)") + translationManager.emptyString
daemonAddrText: persistentSettings.bootstrapNodeAddress.split(":")[0].trim() daemonAddrText: persistentSettings.bootstrapNodeAddress.split(":")[0].trim()
@ -171,9 +171,9 @@ ColumnLayout {
MoneroComponents.RadioButton { MoneroComponents.RadioButton {
id: remoteNode id: remoteNode
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
text: qsTr("Connect to a remote node") + translationManager.emptyString text: qsTr("Connect to a remote node") + translationManager.emptyString
fontSize: 16 * scaleRatio fontSize: 16
checked: appWindow.persistentSettings.useRemoteNode checked: appWindow.persistentSettings.useRemoteNode
onClicked: { onClicked: {
checked = true checked = true
@ -183,9 +183,9 @@ ColumnLayout {
ColumnLayout { ColumnLayout {
visible: remoteNode.checked visible: remoteNode.checked
spacing: 0 * scaleRatio spacing: 0
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.RemoteNodeEdit { MoneroComponents.RemoteNodeEdit {

10
wizard/WizardHeader.qml
View file

@ -38,7 +38,7 @@ import QtQuick.Controls 2.0
ColumnLayout { ColumnLayout {
property string title: "" property string title: ""
property string subtitle: "" property string subtitle: ""
spacing: 4 * scaleRatio spacing: 4
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
TextArea { TextArea {
@ -49,9 +49,9 @@ ColumnLayout {
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8 opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
font.pixelSize: { font.pixelSize: {
if(wizardController.layoutScale === 2 ){ if(wizardController.layoutScale === 2 ){
return 34 * scaleRatio; return 34;
} else { } else {
return 28 * scaleRatio; return 28;
} }
} }
@ -78,9 +78,9 @@ ColumnLayout {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: { font.pixelSize: {
if(wizardController.layoutScale === 2 ){ if(wizardController.layoutScale === 2 ){
return 16 * scaleRatio; return 16;
} else { } else {
return 14 * scaleRatio; return 14;
} }
} }

30
wizard/WizardHome.qml
View file

@ -46,17 +46,17 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
anchors.horizontalCenter: parent.horizontalCenter; anchors.horizontalCenter: parent.horizontalCenter;
spacing: 10 * scaleRatio spacing: 10
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 0 * scaleRatio spacing: 0
WizardHeader { WizardHeader {
Layout.bottomMargin: 20 * scaleRatio Layout.bottomMargin: 20
title: qsTr("Welcome to Monero.") + translationManager.emptyString title: qsTr("Welcome to Monero.") + translationManager.emptyString
subtitle: "" subtitle: ""
} }
@ -75,8 +75,8 @@ Rectangle {
Rectangle { Rectangle {
Layout.preferredHeight: 1 Layout.preferredHeight: 1
Layout.topMargin: 3 * scaleRatio Layout.topMargin: 3
Layout.bottomMargin: 3 * scaleRatio Layout.bottomMargin: 3
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -95,8 +95,8 @@ Rectangle {
Rectangle { Rectangle {
Layout.preferredHeight: 1 Layout.preferredHeight: 1
Layout.topMargin: 3 * scaleRatio Layout.topMargin: 3
Layout.bottomMargin: 3 * scaleRatio Layout.bottomMargin: 3
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -114,8 +114,8 @@ Rectangle {
Rectangle { Rectangle {
Layout.preferredHeight: 1 Layout.preferredHeight: 1
Layout.topMargin: 3 * scaleRatio Layout.topMargin: 3
Layout.bottomMargin: 3 * scaleRatio Layout.bottomMargin: 3
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -134,8 +134,8 @@ Rectangle {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 16 * scaleRatio Layout.topMargin: 16
spacing: 20 * scaleRatio spacing: 20
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
small: true small: true
@ -159,9 +159,9 @@ Rectangle {
MoneroComponents.CheckBox2 { MoneroComponents.CheckBox2 {
id: showAdvancedCheckbox id: showAdvancedCheckbox
Layout.topMargin: 30 * scaleRatio Layout.topMargin: 30
Layout.fillWidth: true Layout.fillWidth: true
fontSize: 15 * scaleRatio fontSize: 15
checked: false checked: false
text: qsTr("Advanced options") + translationManager.emptyString text: qsTr("Advanced options") + translationManager.emptyString
visible: appWindow.walletMode >= 2 visible: appWindow.walletMode >= 2
@ -203,8 +203,8 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
labelText: qsTr("Number of KDF rounds:") + translationManager.emptyString labelText: qsTr("Number of KDF rounds:") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: "0" placeholderText: "0"
validator: IntValidator { bottom: 1 } validator: IntValidator { bottom: 1 }
text: persistentSettings.kdfRounds ? persistentSettings.kdfRounds : "1" text: persistentSettings.kdfRounds ? persistentSettings.kdfRounds : "1"

36
wizard/WizardLang.qml
View file

@ -65,8 +65,8 @@ Rectangle {
ColumnLayout { ColumnLayout {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: persistentSettings.customDecorations ? 90 * scaleRatio : 32 * scaleRatio anchors.topMargin: persistentSettings.customDecorations ? 90 : 32
width: parent.width - 100 * scaleRatio width: parent.width - 100
anchors.horizontalCenter: parent.horizontalCenter; anchors.horizontalCenter: parent.horizontalCenter;
TextArea { TextArea {
@ -76,9 +76,9 @@ Rectangle {
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.pixelSize: { font.pixelSize: {
if(langScreen.layoutScale === 2 ){ if(langScreen.layoutScale === 2 ){
return 34 * scaleRatio; return 34;
} else { } else {
return 28 * scaleRatio; return 28;
} }
} }
@ -104,9 +104,9 @@ Rectangle {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: { font.pixelSize: {
if(langScreen.layoutScale === 2 ){ if(langScreen.layoutScale === 2 ){
return 16 * scaleRatio; return 16;
} else { } else {
return 14 * scaleRatio; return 14;
} }
} }
@ -123,11 +123,11 @@ Rectangle {
Flow { Flow {
id: flow id: flow
height: 800 * scaleRatio height: 800
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
spacing: 5 * scaleRatio spacing: 5
Repeater { Repeater {
model: langModel model: langModel
@ -136,25 +136,25 @@ Rectangle {
color: "transparent" color: "transparent"
width: { width: {
var minimumWidth = img.width + langRect.width; var minimumWidth = img.width + langRect.width;
if(minimumWidth < 200 * scaleRatio) return 200 * scaleRatio; if(minimumWidth < 200) return 200;
return minimumWidth; return minimumWidth;
} }
height: 48 * scaleRatio height: 48
Rectangle { Rectangle {
id: img id: img
anchors.top: parent.top anchors.top: parent.top
color: "transparent" color: "transparent"
width: 32 * scaleRatio width: 32
height: parent.height height: parent.height
Image { Image {
source: flag source: flag
mipmap: true mipmap: true
smooth: true smooth: true
width: 32 * scaleRatio width: 32
height: 32 * scaleRatio height: 32
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
} }
@ -166,12 +166,12 @@ Rectangle {
anchors.left: img.right anchors.left: img.right
color: "transparent" color: "transparent"
height: parent.height height: parent.height
width: langText.width + 22 * scaleRatio width: langText.width + 22
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
id: langText id: langText
font.bold: true font.bold: true
font.pixelSize: 14 * scaleRatio font.pixelSize: 14
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: display_name text: display_name
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -211,8 +211,8 @@ Rectangle {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: 32 * scaleRatio Layout.topMargin: 32
spacing: 20 * scaleRatio spacing: 20
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
small: true small: true

22
wizard/WizardLanguage.qml
View file

@ -46,7 +46,7 @@ Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
spacing: 30 * scaleRatio spacing: 30
Rectangle { Rectangle {
// some margins for the titlebar // some margins for the titlebar
@ -66,7 +66,7 @@ Rectangle {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.bold: true font.bold: true
font.pixelSize: 18 * scaleRatio font.pixelSize: 18
horizontalAlignment: TextInput.AlignHCenter horizontalAlignment: TextInput.AlignHCenter
selectByMouse: false selectByMouse: false
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
@ -110,10 +110,10 @@ Rectangle {
visible: !globe.small visible: !globe.small
anchors.left: parent.left anchors.left: parent.left
anchors.top: parent.top anchors.top: parent.top
anchors.leftMargin: 117 * scaleRatio anchors.leftMargin: 117
anchors.topMargin: 71 * scaleRatio anchors.topMargin: 71
width: 36 * scaleRatio width: 36
height: 40 * scaleRatio height: 40
color: "transparent" color: "transparent"
MouseArea { MouseArea {
@ -150,13 +150,13 @@ Rectangle {
opacity: 0 opacity: 0
columns: isMobile ? 1 : 2 columns: isMobile ? 1 : 2
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
Layout.fillWidth: true Layout.fillWidth: true
columnSpacing: 20 * scaleRatio columnSpacing: 20
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
id: idChangeLang id: idChangeLang
Layout.minimumWidth: 150 * scaleRatio Layout.minimumWidth: 150
text: "Language" text: "Language"
onClicked: { onClicked: {
@ -166,7 +166,7 @@ Rectangle {
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
id: btnContinue id: btnContinue
Layout.minimumWidth: 150 * scaleRatio Layout.minimumWidth: 150
text: "Continue" text: "Continue"
onClicked: { onClicked: {
@ -191,7 +191,7 @@ Rectangle {
opacity: 0 opacity: 0
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
font.bold: true font.bold: true
font.pixelSize: 12 * scaleRatio font.pixelSize: 12
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
text: Version.GUI_VERSION + " (Qt " + qtRuntimeVersion + ")" text: Version.GUI_VERSION + " (Qt " + qtRuntimeVersion + ")"

18
wizard/WizardMenuItem.qml
View file

@ -37,16 +37,16 @@ import "../components" as MoneroComponents
RowLayout { RowLayout {
id: rowlayout id: rowlayout
Layout.fillWidth: true Layout.fillWidth: true
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
property alias imageIcon: icon.source property alias imageIcon: icon.source
property alias headerText: header.text property alias headerText: header.text
property alias bodyText: body.text property alias bodyText: body.text
signal menuClicked(); signal menuClicked();
spacing: 10 * scaleRatio spacing: 10
Item { Item {
Layout.preferredWidth: 70 * scaleRatio Layout.preferredWidth: 70
Layout.preferredHeight: 70 * scaleRatio Layout.preferredHeight: 70
Image { Image {
id: icon id: icon
@ -93,9 +93,9 @@ RowLayout {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: { font.pixelSize: {
if(wizardController.layoutScale === 2 ){ if(wizardController.layoutScale === 2 ){
return 22 * scaleRatio; return 22;
} else { } else {
return 16 * scaleRatio; return 16;
} }
} }
@ -115,12 +115,12 @@ RowLayout {
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: { font.pixelSize: {
if(wizardController.layoutScale === 2 ){ if(wizardController.layoutScale === 2 ){
return 16 * scaleRatio; return 16;
} else { } else {
return 14 * scaleRatio; return 14;
} }
} }
topPadding: 4 * scaleRatio topPadding: 4
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
themeTransition: false themeTransition: false

30
wizard/WizardModeBootstrap.qml
View file

@ -46,14 +46,14 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
anchors.horizontalCenter: parent.horizontalCenter; anchors.horizontalCenter: parent.horizontalCenter;
spacing: 10 * scaleRatio spacing: 10
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 0 * scaleRatio spacing: 0
WizardHeader { WizardHeader {
title: qsTr("About the bootstrap mode") + translationManager.emptyString title: qsTr("About the bootstrap mode") + translationManager.emptyString
@ -61,47 +61,47 @@ Rectangle {
} }
ColumnLayout { ColumnLayout {
spacing: 20 * scaleRatio spacing: 20
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
text: qsTr("This mode will use a remote node whilst also syncing the blockchain. This is different from the first menu option (Simple mode), since it will only use the remote node until the blockchain is fully synced locally. It is a reasonable tradeoff for most people who care about privacy but also want the convenience of an automatic fallback option.") + translationManager.emptyString text: qsTr("This mode will use a remote node whilst also syncing the blockchain. This is different from the first menu option (Simple mode), since it will only use the remote node until the blockchain is fully synced locally. It is a reasonable tradeoff for most people who care about privacy but also want the convenience of an automatic fallback option.") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.topMargin: 14 * scaleRatio Layout.topMargin: 14
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.lightGreyFontColor color: MoneroComponents.Style.lightGreyFontColor
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
text: qsTr("Temporary use of remote nodes is useful in order to use Monero immediately (hence the name <i>bootstrap</i>), however be aware that when using remote nodes (including with the bootstrap setting), nodes could track your IP address, track your \"restore height\" and associated block request data, and send you inaccurate information to learn more about transactions you make.") + translationManager.emptyString text: qsTr("Temporary use of remote nodes is useful in order to use Monero immediately (hence the name <i>bootstrap</i>), however be aware that when using remote nodes (including with the bootstrap setting), nodes could track your IP address, track your \"restore height\" and associated block request data, and send you inaccurate information to learn more about transactions you make.") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.lightGreyFontColor color: MoneroComponents.Style.lightGreyFontColor
} }
MoneroComponents.WarningBox{ MoneroComponents.WarningBox{
Layout.topMargin: 14 * scaleRatio Layout.topMargin: 14
Layout.bottomMargin: 6 * scaleRatio Layout.bottomMargin: 6
text: qsTr("Remain aware of these limitations. <b>Users who prioritize privacy and decentralization must use a full node instead</b>.") + translationManager.emptyString text: qsTr("Remain aware of these limitations. <b>Users who prioritize privacy and decentralization must use a full node instead</b>.") + translationManager.emptyString
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
text: qsTr("For enhanced node performance you may specify your region:") + translationManager.emptyString text: qsTr("For enhanced node performance you may specify your region:") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
@ -139,8 +139,8 @@ Rectangle {
MoneroComponents.CheckBox { MoneroComponents.CheckBox {
id: understoodCheckbox id: understoodCheckbox
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
fontSize: 16 * scaleRatio fontSize: 16
text: qsTr("I understand the privacy implications of using a third-party server.") + translationManager.emptyString text: qsTr("I understand the privacy implications of using a third-party server.") + translationManager.emptyString
onClicked: { onClicked: {
wizardModeBootstrapWarning.understood = !wizardModeBootstrapWarning.understood wizardModeBootstrapWarning.understood = !wizardModeBootstrapWarning.understood
@ -148,7 +148,7 @@ Rectangle {
} }
WizardNav { WizardNav {
Layout.topMargin: 4 * scaleRatio Layout.topMargin: 4
btnNext.enabled: wizardModeBootstrapWarning.understood btnNext.enabled: wizardModeBootstrapWarning.understood
progressSteps: 0 progressSteps: 0

30
wizard/WizardModeRemoteNodeWarning.qml
View file

@ -46,14 +46,14 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
anchors.horizontalCenter: parent.horizontalCenter; anchors.horizontalCenter: parent.horizontalCenter;
spacing: 10 * scaleRatio spacing: 10
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 0 * scaleRatio spacing: 0
WizardHeader { WizardHeader {
title: qsTr("About the simple mode") + translationManager.emptyString title: qsTr("About the simple mode") + translationManager.emptyString
@ -61,9 +61,9 @@ Rectangle {
} }
ColumnLayout { ColumnLayout {
spacing: 20 * scaleRatio spacing: 20
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
@ -71,11 +71,11 @@ Rectangle {
themeTransitionBlackColor: MoneroComponents.Style._b_lightGreyFontColor themeTransitionBlackColor: MoneroComponents.Style._b_lightGreyFontColor
themeTransitionWhiteColor: MoneroComponents.Style._w_lightGreyFontColor themeTransitionWhiteColor: MoneroComponents.Style._w_lightGreyFontColor
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.topMargin: 14 * scaleRatio Layout.topMargin: 14
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.lightGreyFontColor color: MoneroComponents.Style.lightGreyFontColor
} }
@ -84,28 +84,28 @@ Rectangle {
themeTransitionBlackColor: MoneroComponents.Style._b_lightGreyFontColor themeTransitionBlackColor: MoneroComponents.Style._b_lightGreyFontColor
themeTransitionWhiteColor: MoneroComponents.Style._w_lightGreyFontColor themeTransitionWhiteColor: MoneroComponents.Style._w_lightGreyFontColor
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.lightGreyFontColor color: MoneroComponents.Style.lightGreyFontColor
} }
MoneroComponents.WarningBox { MoneroComponents.WarningBox {
Layout.topMargin: 14 * scaleRatio Layout.topMargin: 14
Layout.bottomMargin: 6 * scaleRatio Layout.bottomMargin: 6
text: qsTr("Remain aware of these limitations. <b>Users who prioritize privacy and decentralization must use a full node instead</b>.") + translationManager.emptyString text: qsTr("Remain aware of these limitations. <b>Users who prioritize privacy and decentralization must use a full node instead</b>.") + translationManager.emptyString
} }
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
text: qsTr("For enhanced node performance you may specify your region:") + translationManager.emptyString text: qsTr("For enhanced node performance you may specify your region:") + translationManager.emptyString
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.topMargin: 8 * scaleRatio Layout.topMargin: 8
Layout.fillWidth: true Layout.fillWidth: true
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
} }
@ -143,8 +143,8 @@ Rectangle {
MoneroComponents.CheckBox { MoneroComponents.CheckBox {
id: understoodCheckbox id: understoodCheckbox
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
fontSize: 16 * scaleRatio fontSize: 16
text: qsTr("I understand the privacy implications of using a third-party server.") + translationManager.emptyString text: qsTr("I understand the privacy implications of using a third-party server.") + translationManager.emptyString
onClicked: { onClicked: {
wizardModeRemoteNodeWarning.understood = !wizardModeRemoteNodeWarning.understood wizardModeRemoteNodeWarning.understood = !wizardModeRemoteNodeWarning.understood
@ -152,7 +152,7 @@ Rectangle {
} }
WizardNav { WizardNav {
Layout.topMargin: 4 * scaleRatio Layout.topMargin: 4
btnNext.enabled: wizardModeRemoteNodeWarning.understood btnNext.enabled: wizardModeRemoteNodeWarning.understood
progressSteps: 0 progressSteps: 0

16
wizard/WizardModeSelection.qml
View file

@ -46,14 +46,14 @@ Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
anchors.horizontalCenter: parent.horizontalCenter; anchors.horizontalCenter: parent.horizontalCenter;
spacing: 10 * scaleRatio spacing: 10
ColumnLayout { ColumnLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 0 * scaleRatio spacing: 0
WizardHeader { WizardHeader {
title: qsTr("Mode selection.") + translationManager.emptyString title: qsTr("Mode selection.") + translationManager.emptyString
@ -62,7 +62,7 @@ Rectangle {
WizardMenuItem { WizardMenuItem {
opacity: appWindow.persistentSettings.nettype == 0 ? 1.0 : 0.5 opacity: appWindow.persistentSettings.nettype == 0 ? 1.0 : 0.5
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
headerText: qsTr("Simple mode") + translationManager.emptyString headerText: qsTr("Simple mode") + translationManager.emptyString
bodyText: { bodyText: {
if(appWindow.persistentSettings.nettype == 0){ if(appWindow.persistentSettings.nettype == 0){
@ -84,8 +84,8 @@ Rectangle {
Rectangle { Rectangle {
Layout.preferredHeight: 1 Layout.preferredHeight: 1
Layout.topMargin: 5 * scaleRatio Layout.topMargin: 5
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -113,8 +113,8 @@ Rectangle {
Rectangle { Rectangle {
Layout.preferredHeight: 1 Layout.preferredHeight: 1
Layout.topMargin: 5 * scaleRatio Layout.topMargin: 5
Layout.bottomMargin: 10 * scaleRatio Layout.bottomMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity
@ -132,7 +132,7 @@ Rectangle {
} }
WizardNav { WizardNav {
Layout.topMargin: 5 * scaleRatio Layout.topMargin: 5
btnPrevText: qsTr("Change language") + translationManager.emptyString btnPrevText: qsTr("Change language") + translationManager.emptyString
btnNext.visible: false btnNext.visible: false
progressSteps: 0 progressSteps: 0

4
wizard/WizardNav.qml
View file

@ -42,8 +42,8 @@ GridLayout {
property alias btnNext: btnNext property alias btnNext: btnNext
property string btnPrevText: qsTr("Previous") + translationManager.emptyString property string btnPrevText: qsTr("Previous") + translationManager.emptyString
property string btnNextText: qsTr("Next") + translationManager.emptyString property string btnNextText: qsTr("Next") + translationManager.emptyString
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
Layout.preferredHeight: 70 * scaleRatio Layout.preferredHeight: 70
Layout.preferredWidth: parent.width Layout.preferredWidth: parent.width
columns: 3 columns: 3

8
wizard/WizardNavProgressDot.qml
View file

@ -34,7 +34,7 @@ import "../components" as MoneroComponents
Rectangle { Rectangle {
property bool active: false property bool active: false
Layout.preferredWidth: 30 * scaleRatio Layout.preferredWidth: 30
Layout.fillHeight: true Layout.fillHeight: true
property string activeColor: MoneroComponents.Style.defaultFontColor property string activeColor: MoneroComponents.Style.defaultFontColor
property string inactiveColor: MoneroComponents.Style.progressBarBackgroundColor property string inactiveColor: MoneroComponents.Style.progressBarBackgroundColor
@ -43,9 +43,9 @@ Rectangle {
Rectangle { Rectangle {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
width: 10 * scaleRatio width: 10
height: 10 * scaleRatio height: 10
radius: 10 * scaleRatio radius: 10
color: parent.active ? parent.activeColor : parent.inactiveColor color: parent.active ? parent.activeColor : parent.inactiveColor
} }
} }

26
wizard/WizardOpenWallet1.qml
View file

@ -67,7 +67,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("Open a wallet from file") + translationManager.emptyString title: qsTr("Open a wallet from file") + translationManager.emptyString
@ -75,7 +75,7 @@ Rectangle {
} }
MoneroComponents.StandardButton { MoneroComponents.StandardButton {
Layout.topMargin: 20 * scaleRatio Layout.topMargin: 20
id: btnNext id: btnNext
small: true small: true
text: qsTr("Browse filesystem") + translationManager.emptyString text: qsTr("Browse filesystem") + translationManager.emptyString
@ -87,15 +87,15 @@ Rectangle {
GridLayout { GridLayout {
visible: folderModel.count > 0 visible: folderModel.count > 0
Layout.topMargin: 30 * scaleRatio Layout.topMargin: 30
Layout.fillWidth: true Layout.fillWidth: true
columnSpacing: 20 * scaleRatio columnSpacing: 20
columns: 2 columns: 2
MoneroComponents.TextPlain { MoneroComponents.TextPlain {
text: qsTr("Most recent wallets") + translationManager.emptyString text: qsTr("Most recent wallets") + translationManager.emptyString
font.family: MoneroComponents.Style.fontLight.name font.family: MoneroComponents.Style.fontLight.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
Layout.fillWidth: true Layout.fillWidth: true
} }
@ -107,14 +107,14 @@ Rectangle {
GridLayout { GridLayout {
visible: folderModel.count > 0 visible: folderModel.count > 0
Layout.topMargin: 10 * scaleRatio Layout.topMargin: 10
Layout.fillWidth: true Layout.fillWidth: true
columnSpacing: 20 * scaleRatio columnSpacing: 20
columns: 2 columns: 2
ListView { ListView {
id: recentList id: recentList
property int itemHeight: 42 * scaleRatio property int itemHeight: 42
property int maxItems: 7 property int maxItems: 7
clip: true clip: true
@ -125,14 +125,14 @@ Rectangle {
delegate: Rectangle { delegate: Rectangle {
height: recentList.itemHeight height: recentList.itemHeight
width: 200 * scaleRatio width: 200
property string activeColor: "#26FFFFFF" property string activeColor: "#26FFFFFF"
color: "transparent" color: "transparent"
RowLayout { RowLayout {
height: recentList.itemHeight height: recentList.itemHeight
width: parent.width width: parent.width
spacing: 10 * scaleRatio spacing: 10
Rectangle { Rectangle {
Layout.preferredWidth: recentList.itemHeight Layout.preferredWidth: recentList.itemHeight
@ -159,7 +159,7 @@ Rectangle {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
font.pixelSize: 18 * scaleRatio font.pixelSize: 18
selectionColor: MoneroComponents.Style.textSelectionColor selectionColor: MoneroComponents.Style.textSelectionColor
selectedTextColor: MoneroComponents.Style.textSelectedColor selectedTextColor: MoneroComponents.Style.textSelectedColor
@ -219,9 +219,9 @@ Rectangle {
WizardNav { WizardNav {
Layout.topMargin: { Layout.topMargin: {
if(folderModel.count > 0){ if(folderModel.count > 0){
return 40 * scaleRatio; return 40;
} else { } else {
return 20 * scaleRatio; return 20;
} }
} }
progressEnabled: false progressEnabled: false

28
wizard/WizardRestoreWallet1.qml
View file

@ -99,7 +99,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("Restore wallet") + translationManager.emptyString title: qsTr("Restore wallet") + translationManager.emptyString
@ -150,14 +150,14 @@ Rectangle {
ColumnLayout { ColumnLayout {
// seed textarea // seed textarea
visible: wizardController.walletRestoreMode === 'seed' visible: wizardController.walletRestoreMode === 'seed'
Layout.preferredHeight: 100 * scaleRatio Layout.preferredHeight: 100
Layout.fillWidth: true Layout.fillWidth: true
Rectangle { Rectangle {
color: "transparent" color: "transparent"
radius: 4 radius: 4
Layout.preferredHeight: 100 * scaleRatio Layout.preferredHeight: 100
Layout.fillWidth: true Layout.fillWidth: true
border.width: 1 border.width: 1
@ -175,14 +175,14 @@ Rectangle {
id: seedInput id: seedInput
property bool error: false property bool error: false
width: parent.width width: parent.width
height: 100 * scaleRatio height: 100
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
textMargin: 2 * scaleRatio textMargin: 2
text: "" text: ""
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
selectionColor: MoneroComponents.Style.textSelectionColor selectionColor: MoneroComponents.Style.textSelectionColor
selectedTextColor: MoneroComponents.Style.textSelectedColor selectedTextColor: MoneroComponents.Style.textSelectedColor
wrapMode: TextInput.Wrap wrapMode: TextInput.Wrap
@ -193,9 +193,9 @@ Rectangle {
id: memoTextPlaceholder id: memoTextPlaceholder
opacity: 0.35 opacity: 0.35
anchors.fill:parent anchors.fill:parent
font.pixelSize: 16 * scaleRatio font.pixelSize: 16
anchors.margins: 8 * scaleRatio anchors.margins: 8
anchors.leftMargin: 10 * scaleRatio anchors.leftMargin: 10
font.family: MoneroComponents.Style.fontRegular.name font.family: MoneroComponents.Style.fontRegular.name
text: qsTr("Enter your 25 (or 24) word mnemonic seed") + translationManager.emptyString text: qsTr("Enter your 25 (or 24) word mnemonic seed") + translationManager.emptyString
color: MoneroComponents.Style.defaultFontColor color: MoneroComponents.Style.defaultFontColor
@ -209,7 +209,7 @@ Rectangle {
id: addressLine id: addressLine
visible: wizardController.walletRestoreMode === 'keys' visible: wizardController.walletRestoreMode === 'keys'
Layout.fillWidth: true Layout.fillWidth: true
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Account address (public)") + translationManager.emptyString placeholderText: qsTr("Account address (public)") + translationManager.emptyString
onTextUpdated: { onTextUpdated: {
@ -221,7 +221,7 @@ Rectangle {
id: viewKeyLine id: viewKeyLine
visible: wizardController.walletRestoreMode === 'keys' visible: wizardController.walletRestoreMode === 'keys'
Layout.fillWidth: true Layout.fillWidth: true
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("View key (private)") + translationManager.emptyString placeholderText: qsTr("View key (private)") + translationManager.emptyString
onTextUpdated: { onTextUpdated: {
@ -233,7 +233,7 @@ Rectangle {
id: spendKeyLine id: spendKeyLine
visible: wizardController.walletRestoreMode === 'keys' visible: wizardController.walletRestoreMode === 'keys'
Layout.fillWidth: true Layout.fillWidth: true
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Spend key (private)") + translationManager.emptyString placeholderText: qsTr("Spend key (private)") + translationManager.emptyString
onTextUpdated: { onTextUpdated: {
@ -246,8 +246,8 @@ Rectangle {
id: restoreHeight id: restoreHeight
Layout.fillWidth: true Layout.fillWidth: true
labelText: qsTr("Wallet creation date as `YYYY-MM-DD` or restore height") + translationManager.emptyString labelText: qsTr("Wallet creation date as `YYYY-MM-DD` or restore height") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: qsTr("Restore height") + translationManager.emptyString placeholderText: qsTr("Restore height") + translationManager.emptyString
validator: RegExpValidator { validator: RegExpValidator {
regExp: /^(\d+|\d{4}-\d{2}-\d{2})$/ regExp: /^(\d+|\d{4}-\d{2}-\d{2})$/

2
wizard/WizardRestoreWallet2.qml
View file

@ -54,7 +54,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 0 * scaleRatio spacing: 0
WizardAskPassword { WizardAskPassword {
id: passwordFields id: passwordFields

2
wizard/WizardRestoreWallet3.qml
View file

@ -59,7 +59,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("Daemon settings") + translationManager.emptyString title: qsTr("Daemon settings") + translationManager.emptyString

4
wizard/WizardRestoreWallet4.qml
View file

@ -52,7 +52,7 @@ Rectangle {
Layout.topMargin: wizardController.wizardSubViewTopMargin Layout.topMargin: wizardController.wizardSubViewTopMargin
Layout.maximumWidth: wizardController.wizardSubViewWidth Layout.maximumWidth: wizardController.wizardSubViewWidth
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 20 * scaleRatio spacing: 20
WizardHeader { WizardHeader {
title: qsTr("You're all set up!") + translationManager.emptyString title: qsTr("You're all set up!") + translationManager.emptyString
@ -62,7 +62,7 @@ Rectangle {
WizardSummary {} WizardSummary {}
WizardNav { WizardNav {
Layout.topMargin: 24 * scaleRatio Layout.topMargin: 24
btnNextText: "Open wallet" btnNextText: "Open wallet"
progressSteps: 4 progressSteps: 4
progress: 4 progress: 4

10
wizard/WizardSummaryItem.qml
View file

@ -47,7 +47,7 @@ ColumnLayout {
Rectangle { Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
color: "transparent" color: "transparent"
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
@ -61,7 +61,7 @@ ColumnLayout {
Rectangle { Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 20 * scaleRatio Layout.preferredHeight: 20
color: "transparent" color: "transparent"
MoneroComponents.TextBlock { MoneroComponents.TextBlock {
@ -75,9 +75,9 @@ ColumnLayout {
} }
Rectangle { Rectangle {
Layout.preferredHeight: 1 * scaleRatio Layout.preferredHeight: 1
Layout.topMargin: 2 * scaleRatio Layout.topMargin: 2
Layout.bottomMargin: 2 * scaleRatio Layout.bottomMargin: 2
Layout.fillWidth: true Layout.fillWidth: true
color: MoneroComponents.Style.dividerColor color: MoneroComponents.Style.dividerColor
opacity: MoneroComponents.Style.dividerOpacity opacity: MoneroComponents.Style.dividerOpacity

10
wizard/WizardWalletInput.qml
View file

@ -40,7 +40,7 @@ GridLayout {
property alias walletName: walletName property alias walletName: walletName
property alias walletLocation: walletLocation property alias walletLocation: walletLocation
columnSpacing: 20 * scaleRatio columnSpacing: 20
columns: 3 columns: 3
function verify() { function verify() {
@ -71,8 +71,8 @@ GridLayout {
} }
labelText: qsTr("Wallet name") + translationManager.emptyString labelText: qsTr("Wallet name") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
placeholderText: "-" placeholderText: "-"
text: defaultAccountName text: defaultAccountName
@ -85,9 +85,9 @@ GridLayout {
Layout.fillWidth: true Layout.fillWidth: true
labelText: qsTr("Wallet location") + translationManager.emptyString labelText: qsTr("Wallet location") + translationManager.emptyString
labelFontSize: 14 * scaleRatio labelFontSize: 14
placeholderText: "..." placeholderText: "..."
placeholderFontSize: 16 * scaleRatio placeholderFontSize: 16
text: moneroAccountsDir + "/" text: moneroAccountsDir + "/"
inlineButton.small: true inlineButton.small: true
inlineButtonText: qsTr("Browse") + translationManager.emptyString inlineButtonText: qsTr("Browse") + translationManager.emptyString