status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix other blurry images on hdpi screens 

fix other blurry images on hdpi screens

fix image size

ensure plist has high res directive

addd directive to info runner
This commit is contained in:
Iuri Matias 2020-06-25 09:23:17 -04:00
parent 14cd79a415
commit e859250501
36 changed files with 106 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Info.plist
View File

@ -22,5 +22,7 @@
<integer>1</integer> <integer>1</integer>
<key>IFMinorVersion</key> <key>IFMinorVersion</key>
<integer>0</integer> <integer>0</integer>
<key>NSHighResolutionCapable</key>
<string>True</string>
</dict> </dict>
</plist> </plist>

2
Info.runner.plist
View File

@ -22,5 +22,7 @@
<integer>1</integer> <integer>1</integer>
<key>IFMinorVersion</key> <key>IFMinorVersion</key>
<integer>0</integer> <integer>0</integer>
<key>NSHighResolutionCapable</key>
<string>True</string>
</dict> </dict>
</plist> </plist>

1
ui/app/AppLayouts/Chat/ChatColumn/ChatInput.qml
View File

@ -27,7 +27,6 @@ Rectangle {
spacing: 0 spacing: 0
anchors.fill: parent anchors.fill: parent
ScrollView { ScrollView {
anchors.fill: parent anchors.fill: parent
Layout.fillWidth: true Layout.fillWidth: true

2
ui/app/AppLayouts/Chat/ChatColumn/Message.qml
View File

@ -169,7 +169,7 @@ Item {
mipmap: true mipmap: true
smooth: false smooth: false
antialiasing: true antialiasing: true
MouseArea { MouseArea {
cursorShape: Qt.PointingHandCursor cursorShape: Qt.PointingHandCursor
anchors.fill: parent anchors.fill: parent

2
ui/app/AppLayouts/Chat/ContactsColumn/Channel.qml
View File

@ -43,7 +43,7 @@ Rectangle {
channelIdenticon: identicon channelIdenticon: identicon
} }
Image { SVGImage {
id: channelIcon id: channelIcon
width: 16 width: 16
height: 16 height: 16

2
ui/app/AppLayouts/Chat/components/ChannelIcon.qml
View File

@ -67,7 +67,7 @@ Rectangle {
border.color: "#10000000" border.color: "#10000000"
border.width: 1 border.width: 1
color: Theme.transparent color: Theme.transparent
Image { SVGImage {
width: contactImage.width ? contactImage.width : 40 width: contactImage.width ? contactImage.width : 40
height: contactImage.height ? contactImage.height : 40 height: contactImage.height ? contactImage.height : 40
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit

8
ui/app/AppLayouts/Chat/components/GroupChatPopup.qml
View File

@ -171,8 +171,10 @@ ModalPopup {
} }
} }
] ]
Image { SVGImage {
id: "btnSelectMembersImg" id: "btnSelectMembersImg"
width: 50
height: 50
} }
background: Rectangle { background: Rectangle {
color: "transparent" color: "transparent"
@ -196,8 +198,10 @@ ModalPopup {
height: 44 height: 44
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
Image { SVGImage {
source: "../../../img/arrow-left-btn-active.svg" source: "../../../img/arrow-left-btn-active.svg"
width: 50
height: 50
} }
background: Rectangle { background: Rectangle {
color: "transparent" color: "transparent"

9
ui/app/AppLayouts/Chat/components/GroupInfoPopup.qml
View File

@ -115,7 +115,7 @@ ModalPopup {
anchors.left: groupName.right anchors.left: groupName.right
radius: 8 radius: 8
Image { SVGImage {
id: editGroupImg id: editGroupImg
source: "../../../img/edit-group.svg" source: "../../../img/edit-group.svg"
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
@ -259,6 +259,9 @@ ModalPopup {
Column { Column {
Image { Image {
source: model.identicon source: model.identicon
mipmap: true
smooth: false
antialiasing: true
} }
} }
Column { Column {
@ -330,8 +333,10 @@ ModalPopup {
height: 44 height: 44
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
Image { SVGImage {
source: "../../../img/arrow-left-btn-active.svg" source: "../../../img/arrow-left-btn-active.svg"
width: 50
height: 50
} }
background: Rectangle { background: Rectangle {
color: "transparent" color: "transparent"

4
ui/app/AppLayouts/Chat/components/PrivateChatPopup.qml
View File

@ -67,8 +67,10 @@ ModalPopup {
height: 44 height: 44
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.right: parent.right anchors.right: parent.right
Image { SVGImage {
source: chatKey.text == "" ? "../../../img/arrow-button-inactive.svg" : "../../../img/arrow-btn-active.svg" source: chatKey.text == "" ? "../../../img/arrow-button-inactive.svg" : "../../../img/arrow-btn-active.svg"
width: 50
height: 50
} }
background: Rectangle { background: Rectangle {
color: "transparent" color: "transparent"

8
ui/app/AppLayouts/Chat/components/ProfilePopup.qml
View File

@ -33,7 +33,7 @@ ModalPopup {
color: Theme.transparent color: Theme.transparent
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: Theme.padding anchors.topMargin: Theme.padding
Image { SVGImage {
width: parent.width width: parent.width
height: parent.height height: parent.height
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
@ -76,8 +76,10 @@ ModalPopup {
anchors.rightMargin: 32 + Theme.smallPadding anchors.rightMargin: 32 + Theme.smallPadding
radius: 8 radius: 8
Image { SVGImage {
source: "../../../img/qr-code-icon.svg" source: "../../../img/qr-code-icon.svg"
width: 25
height: 25
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }
@ -210,7 +212,7 @@ ModalPopup {
// anchors.leftMargin: Theme.padding // anchors.leftMargin: Theme.padding
// radius: 8 // radius: 8
// Image { // SVGImage {
// source: "../../../../shared/img/copy-to-clipboard-icon.svg" // source: "../../../../shared/img/copy-to-clipboard-icon.svg"
// anchors.horizontalCenter: parent.horizontalCenter // anchors.horizontalCenter: parent.horizontalCenter
// anchors.verticalCenter: parent.verticalCenter // anchors.verticalCenter: parent.verticalCenter

4
ui/app/AppLayouts/Chat/components/PublicChatPopup.qml
View File

@ -89,8 +89,10 @@ ModalPopup {
background: Rectangle { background: Rectangle {
color: "transparent" color: "transparent"
} }
Image { SVGImage {
source: channelName.text == "" ? "../../../img/arrow-button-inactive.svg" : "../../../img/arrow-btn-active.svg" source: channelName.text == "" ? "../../../img/arrow-button-inactive.svg" : "../../../img/arrow-btn-active.svg"
width: 50
height: 50
} }
MouseArea { MouseArea {
id: btnMAJoinChat id: btnMAJoinChat

10
ui/app/AppLayouts/Wallet/CollectiblesTab.qml
View File

@ -17,12 +17,12 @@ Item {
anchors.rightMargin: 0 anchors.rightMargin: 0
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 0 anchors.leftMargin: 0
height: 40 height: 132
Image { SVGImage {
id: collectibleImage id: collectibleImage
width: 36 width: 128
height: 36 height: 128
source: image source: image
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 0 anchors.leftMargin: 0
@ -32,9 +32,9 @@ Item {
StyledText { StyledText {
id: collectibleName id: collectibleName
text: name text: name
anchors.leftMargin: Theme.padding
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: collectibleImage.right anchors.left: collectibleImage.right
anchors.leftMargin: Theme.padding
font.pixelSize: 15 font.pixelSize: 15
} }

2
ui/app/AppLayouts/Wallet/LeftTab.qml
View File

@ -100,7 +100,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: Theme.padding anchors.leftMargin: Theme.padding
Image { SVGImage {
id: walletIcon id: walletIcon
width: 12 width: 12
height: 12 height: 12

6
ui/app/AppLayouts/Wallet/WalletHeader.qml
View File

@ -102,7 +102,7 @@ Item {
width: sendImg.width + sendText.width + walletMenu.btnMargin width: sendImg.width + sendText.width + walletMenu.btnMargin
height: sendText.height height: sendText.height
Image { SVGImage {
id: sendImg id: sendImg
width: 12 width: 12
height: 12 height: 12
@ -134,7 +134,7 @@ Item {
anchors.left: sendBtn.right anchors.left: sendBtn.right
anchors.leftMargin: walletMenu.btnOuterMargin anchors.leftMargin: walletMenu.btnOuterMargin
Image { SVGImage {
id: receiveImg id: receiveImg
width: 12 width: 12
height: 12 height: 12
@ -158,7 +158,7 @@ Item {
anchors.leftMargin: walletMenu.btnOuterMargin anchors.leftMargin: walletMenu.btnOuterMargin
width: settingsImg.width width: settingsImg.width
height: settingsImg.height height: settingsImg.height
Image { SVGImage {
id: settingsImg id: settingsImg
width: 18 width: 18
height: 18 height: 18

4
ui/app/AppLayouts/Wallet/components/SendModalContent.qml
View File

@ -18,13 +18,15 @@ Item {
anchors.topMargin: 16 anchors.topMargin: 16
} }
Image { SVGImage {
id: closeModalImg id: closeModalImg
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 16 anchors.rightMargin: 16
anchors.topMargin: 16 anchors.topMargin: 16
source: "../../../../shared/img/close.svg" source: "../../../../shared/img/close.svg"
width: 25
height: 25
MouseArea { MouseArea {
id: closeModalMouseArea id: closeModalMouseArea
cursorShape: Qt.PointingHandCursor cursorShape: Qt.PointingHandCursor

4
ui/app/AppLayouts/Wallet/components/SetCurrencyModalContent.qml
View File

@ -19,13 +19,15 @@ Item {
anchors.topMargin: 16 anchors.topMargin: 16
} }
Image { SVGImage {
id: closeModalImg id: closeModalImg
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 16 anchors.rightMargin: 16
anchors.topMargin: 16 anchors.topMargin: 16
source: "../../../../shared/img/close.svg" source: "../../../../shared/img/close.svg"
width: 25
height: 25
MouseArea { MouseArea {
id: closeModalMouseArea id: closeModalMouseArea
cursorShape: Qt.PointingHandCursor cursorShape: Qt.PointingHandCursor

2
ui/onboarding/CreatePasswordModal.qml
View File

@ -85,7 +85,7 @@ ModalPopup {
anchors.bottom: popup.bottom anchors.bottom: popup.bottom
anchors.left: parent.left anchors.left: parent.left
Image { SVGImage {
id: loadingImg id: loadingImg
visible: loading visible: loading
anchors.top: submitBtn.top anchors.top: submitBtn.top

2
ui/onboarding/EnterSeedPhraseModal.qml
View File

@ -54,7 +54,7 @@ ModalPopup {
color: Theme.lightBlue color: Theme.lightBlue
} }
Image { SVGImage {
sourceSize.height: 15 sourceSize.height: 15
sourceSize.width: 20 sourceSize.width: 20
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter

2
ui/onboarding/GenKeyModal.qml
View File

@ -38,7 +38,7 @@ ModalPopup {
color: Theme.lightBlue color: Theme.lightBlue
} }
Image { SVGImage {
sourceSize.height: 15 sourceSize.height: 15
sourceSize.width: 20 sourceSize.width: 20
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter

2
ui/onboarding/Intro.qml
View File

@ -29,6 +29,7 @@ RowLayout {
image: "img/chat@2x.jpg" image: "img/chat@2x.jpg"
title: qsTr("Truly private communication") title: qsTr("Truly private communication")
description: qsTr("Chat over a peer-to-peer, encrypted network\n where messages can't be censored or hacked") description: qsTr("Chat over a peer-to-peer, encrypted network\n where messages can't be censored or hacked")
isFirst: true
} }
Slide { Slide {
image: "img/wallet@2x.jpg" image: "img/wallet@2x.jpg"
@ -76,6 +77,7 @@ RowLayout {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
width: 146 width: 146
height: 44 height: 44
} }
StyledText { StyledText {

4
ui/onboarding/KeysMain.qml
View File

@ -27,11 +27,9 @@ Page {
Image { Image {
id: keysImg id: keysImg
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
sourceSize.width: 160
sourceSize.height: 160
anchors.top: parent.top anchors.top: parent.top
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: "img/key@2x.png" source: "img/keys@2x.jpg"
} }
StyledText { StyledText {

4
ui/onboarding/Login.qml
View File

@ -73,7 +73,7 @@ Item {
radius: 4 radius: 4
Image { SVGImage {
id: caretImg id: caretImg
width: 10 width: 10
height: 6 height: 6
@ -146,7 +146,7 @@ Item {
loading = true loading = true
loginModel.login(txtPassword.textField.text) loginModel.login(txtPassword.textField.text)
} }
Image { SVGImage {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
// TODO replace by a real loading image // TODO replace by a real loading image

36
ui/onboarding/Slide.qml
View File

@ -8,13 +8,12 @@ Item {
property string image: "img/chat@2x.jpg" property string image: "img/chat@2x.jpg"
property string title: "Truly private communication" property string title: "Truly private communication"
property string description: "Chat over a peer-to-peer, encrypted network\n where messages can't be censored or hacked" property string description: "Chat over a peer-to-peer, encrypted network\n where messages can't be censored or hacked"
property bool isFirst: false
property bool isLast: false property bool isLast: false
Image { Image {
id: img1 id: img1
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
sourceSize.width: 414
sourceSize.height: 414
anchors.topMargin: 17 anchors.topMargin: 17
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: image source: image
@ -40,6 +39,35 @@ Item {
font.kerning: true font.kerning: true
} }
Button {
id: btnPrevious1
width: 40
height: 40
anchors.top: txtDesc1.top
anchors.bottomMargin: -2
anchors.bottom: txtDesc1.bottom
anchors.topMargin: -2
anchors.right: txtDesc1.left
anchors.rightMargin: 32
onClicked: vwOnboarding.currentIndex--
visible: !isFirst
background: Rectangle {
id: rctPrevious1
color: Theme.grey
border.width: 0
radius: 50
SVGImage {
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
source: "img/next.svg"
width: 10
height: 10
mirror: true
}
}
}
StyledText { StyledText {
id: txtDesc1 id: txtDesc1
x: 772 x: 772
@ -73,10 +101,12 @@ Item {
border.width: 0 border.width: 0
radius: 50 radius: 50
Image { SVGImage {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
source: "img/next.svg" source: "img/next.svg"
width: 10
height: 10
} }
} }
} }

BIN
ui/onboarding/img/key.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
ui/onboarding/img/key@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 55 KiB

BIN
ui/onboarding/img/keys-dark@2x.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
ui/onboarding/img/keys-dark@3x.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
ui/onboarding/img/keys@2x.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
ui/onboarding/img/keys@3x.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

1
ui/shared/Identicon.qml
View File

@ -21,7 +21,6 @@ Rectangle {
mipmap: true mipmap: true
smooth: false smooth: false
antialiasing: true antialiasing: true
} }
} }

2
ui/shared/Input.qml
View File

@ -74,7 +74,7 @@ Item {
} }
} }
Image { SVGImage {
id: iconImg id: iconImg
sourceSize.height: iconHeight sourceSize.height: iconHeight
sourceSize.width: iconWidth sourceSize.width: iconWidth

4
ui/shared/ModalPopup.qml
View File

@ -65,9 +65,11 @@ Popup {
anchors.right: parent.right anchors.right: parent.right
radius: 8 radius: 8
Image { SVGImage {
id: closeModalImg id: closeModalImg
source: "./img/close.svg" source: "./img/close.svg"
width: 25
height: 25
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }

7
ui/shared/PopupMenu.qml
View File

@ -2,6 +2,7 @@ import QtQuick 2.13
import QtQuick.Controls 2.13 import QtQuick.Controls 2.13
import QtGraphicalEffects 1.13 import QtGraphicalEffects 1.13
import "../imports" import "../imports"
import "../shared"
Menu { Menu {
property alias arrowX: bgPopupMenuTopArrow.x property alias arrowX: bgPopupMenuTopArrow.x
@ -23,14 +24,16 @@ Menu {
anchors.leftMargin: 12 anchors.leftMargin: 12
height: popupMenuItemIcon.height height: popupMenuItemIcon.height
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Image { SVGImage {
fillMode: Image.Pad
id: popupMenuItemIcon id: popupMenuItemIcon
source: popupMenuItem.icon.source source: popupMenuItem.icon.source
visible: false visible: false
width: 25
height: 25
} }
ColorOverlay { ColorOverlay {
cached: true
anchors.fill: popupMenuItemIcon anchors.fill: popupMenuItemIcon
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
source: popupMenuItemIcon source: popupMenuItemIcon

2
ui/shared/RoundedIcon.qml
View File

@ -13,7 +13,7 @@ Rectangle {
color: bg color: bg
radius: size / 2 radius: size / 2
Image { SVGImage {
id: roundedIconImage id: roundedIconImage
width: 12 width: 12
height: 12 height: 12

2
ui/shared/Select.qml
View File

@ -78,7 +78,7 @@ Item {
} }
} }
Image { SVGImage {
id: caret id: caret
width: 11 width: 11
height: 6 height: 6

8
ui/shared/StyledButton.qml
View File

@ -33,4 +33,12 @@ Button {
text: btnStyled.label text: btnStyled.label
font.weight: Font.Medium font.weight: Font.Medium
} }
MouseArea {
cursorShape: Qt.PointingHandCursor
anchors.fill: parent
onClicked: {
parent.onClicked()
}
}
} }