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: SVG images blurryness

This commit is contained in:
Richard Ramos 2020-06-23 14:59:16 -04:00 committed by Iuri Matias
parent 81b103b0eb
commit 6d1d66c2eb
13 changed files with 60 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
ui/app/AppMain.qml
View File

@ -2,6 +2,7 @@ import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../imports"
import "../shared"
import "./AppLayouts"
RowLayout {
@ -11,7 +12,7 @@ RowLayout {
TabBar {
id: tabBar
width: 80
width: 78
Layout.maximumWidth: 80
Layout.preferredWidth: 80
Layout.minimumWidth: 80
@ -43,8 +44,10 @@ RowLayout {
radius: 50
}
Image {
SVGImage {
id: image
height: 24
width: 24
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
@ -66,8 +69,10 @@ RowLayout {
radius: 50
}
Image {
SVGImage {
id: image1
height: 24
width: 24
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
@ -90,8 +95,10 @@ RowLayout {
radius: 50
}
Image {
SVGImage {
id: image2
height: 24
width: 24
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
@ -113,8 +120,10 @@ RowLayout {
radius: 50
}
Image {
SVGImage {
id: image3
height: 24
width: 24
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
@ -137,12 +146,14 @@ RowLayout {
radius: 50
}
Image {
SVGImage {
id: image4
height: 24
width: 24
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
source: parent.checked ? "img/node.svg" : "img/node.svg"
source: parent.checked ? "img/nodeActive.svg" : "img/node.svg"
}
}
}

6
ui/app/img/compass.svg
View File

@ -1,4 +1,4 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.84181 7.47427L5.25291 12.241C5.14867 12.5537 5.44617 12.8512 5.75887 12.7469L10.5256 11.158C10.8242 11.0585 11.0585 10.8242 11.158 10.5256L12.7469 5.75887C12.8512 5.44617 12.5537 5.14867 12.241 5.25291L7.47427 6.84181C7.17566 6.94135 6.94135 7.17566 6.84181 7.47427Z" fill="#939BA1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM16 9C16 12.866 12.866 16 9 16C5.13401 16 2 12.866 2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9Z" fill="#939BA1"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5684 9.19475L15.6346 7.74725C16.0118 7.63948 16.3605 7.9882 16.2528 8.36537L14.8052 13.4316C14.6154 14.0961 14.0961 14.6154 13.4316 14.8052L8.36537 16.2528C7.9882 16.3605 7.63948 16.0118 7.74725 15.6346L9.19475 10.5684C9.38459 9.90394 9.90394 9.38459 10.5684 9.19475ZM10.9804 10.637L13.4506 9.93128C13.8278 9.82352 14.1765 10.1722 14.0687 10.5494L13.363 13.0196C13.3155 13.1857 13.1857 13.3155 13.0196 13.363L10.5494 14.0687C10.1722 14.1765 9.82352 13.8278 9.93128 13.4506L10.637 10.9804C10.6845 10.8143 10.8143 10.6845 10.9804 10.637Z" fill="#939BA1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="#939BA1"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 1.0 KiB

6
ui/app/img/compassActive.svg
View File

@ -1,4 +1,4 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="#4360DF" xmlns="http://www.w3.org/2000/svg">
<path d="M6.84181 7.47427L5.25291 12.241C5.14867 12.5537 5.44617 12.8512 5.75887 12.7469L10.5256 11.158C10.8242 11.0585 11.0585 10.8242 11.158 10.5256L12.7469 5.75887C12.8512 5.44617 12.5537 5.14867 12.241 5.25291L7.47427 6.84181C7.17566 6.94135 6.94135 7.17566 6.84181 7.47427Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM16 9C16 12.866 12.866 16 9 16C5.13401 16 2 12.866 2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9Z" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5684 9.19475L15.6346 7.74725C16.0118 7.63948 16.3605 7.9882 16.2528 8.36537L14.8052 13.4316C14.6154 14.0961 14.0961 14.6154 13.4316 14.8052L8.36537 16.2528C7.9882 16.3605 7.63948 16.0118 7.74725 15.6346L9.19475 10.5684C9.38459 9.90394 9.90394 9.38459 10.5684 9.19475ZM10.9804 10.637L13.4506 9.93128C13.8278 9.82352 14.1765 10.1722 14.0687 10.5494L13.363 13.0196C13.3155 13.1857 13.1857 13.3155 13.0196 13.363L10.5494 14.0687C10.1722 14.1765 9.82352 13.8278 9.93128 13.4506L10.637 10.9804C10.6845 10.8143 10.8143 10.6845 10.9804 10.637Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="#4360DF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 655 B

After

Width:  |  Height:  |  Size: 1.0 KiB

6
ui/app/img/message.svg
View File

@ -1,5 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="#939BA1" xmlns="http://www.w3.org/2000/svg">
<path d="M6.25 8.5C7.07837 8.5 7.75 7.82837 7.75 7C7.75 6.17163 7.07837 5.5 6.25 5.5C5.42163 5.5 4.75 6.17163 4.75 7C4.75 7.82837 5.42163 8.5 6.25 8.5Z"/>
<path d="M11.75 8.5C12.5784 8.5 13.25 7.82837 13.25 7C13.25 6.17163 12.5784 5.5 11.75 5.5C10.9216 5.5 10.25 6.17163 10.25 7C10.25 7.82837 10.9216 8.5 11.75 8.5Z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 0C2.68628 0 0 2.68628 0 6V16.5C0 16.8923 0.229492 17.2485 0.58667 17.4106C0.944092 17.5728 1.36328 17.511 1.65845 17.2526L4.52734 14.7423C5.07422 14.2638 5.77637 14 6.50293 14H13C15.7615 14 18 11.7615 18 9V5C18 2.23853 15.7615 0 13 0H6ZM2 6C2 3.79089 3.79077 2 6 2H13C14.6567 2 16 3.34314 16 5V9C16 10.6569 14.6567 12 13 12H6.50293C5.29175 12 4.12183 12.4396 3.21045 13.2371L2 14.2963V6Z" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 18.6667V12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5H18.6667C19.6792 20.5 20.5 19.6792 20.5 18.6667ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22H18.6667C20.5076 22 22 20.5076 22 18.6667V12C22 6.47715 17.5228 2 12 2Z" fill="#939BA1"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 869 B

After

Width:  |  Height:  |  Size: 459 B

6
ui/app/img/messageActive.svg
View File

@ -1,5 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="#4360DF" xmlns="http://www.w3.org/2000/svg">
<path d="M6.25 8.5C7.07837 8.5 7.75 7.82837 7.75 7C7.75 6.17163 7.07837 5.5 6.25 5.5C5.42163 5.5 4.75 6.17163 4.75 7C4.75 7.82837 5.42163 8.5 6.25 8.5Z"/>
<path d="M11.75 8.5C12.5784 8.5 13.25 7.82837 13.25 7C13.25 6.17163 12.5784 5.5 11.75 5.5C10.9216 5.5 10.25 6.17163 10.25 7C10.25 7.82837 10.9216 8.5 11.75 8.5Z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 0C2.68628 0 0 2.68628 0 6V16.5C0 16.8923 0.229492 17.2485 0.58667 17.4106C0.944092 17.5728 1.36328 17.511 1.65845 17.2526L4.52734 14.7423C5.07422 14.2638 5.77637 14 6.50293 14H13C15.7615 14 18 11.7615 18 9V5C18 2.23853 15.7615 0 13 0H6ZM2 6C2 3.79089 3.79077 2 6 2H13C14.6567 2 16 3.34314 16 5V9C16 10.6569 14.6567 12 13 12H6.50293C5.29175 12 4.12183 12.4396 3.21045 13.2371L2 14.2963V6Z" fill="#4360DF"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 18.6667V12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5H18.6667C19.6792 20.5 20.5 19.6792 20.5 18.6667ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22H18.6667C20.5076 22 22 20.5076 22 18.6667V12C22 6.47715 17.5228 2 12 2Z" fill="#4360DF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 883 B

After

Width:  |  Height:  |  Size: 459 B

4
ui/app/img/node.svg
View File

@ -1,3 +1,3 @@
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 3.5C13.5 4.41858 13.146 5.25464 12.5671 5.87903L15.6541 11.1029C15.925 11.0356 16.2083 11 16.5 11C18.4331 11 20 12.567 20 14.5C20 16.433 18.4331 18 16.5 18C14.9143 18 13.5752 16.9457 13.145 15.5H6.85498C6.4248 16.9457 5.08569 18 3.5 18C1.56689 18 0 16.433 0 14.5C0 12.567 1.56689 11 3.5 11C3.79175 11 4.0752 11.0356 4.34595 11.1029L7.43286 5.87903C6.854 5.25464 6.5 4.41858 6.5 3.5C6.5 1.56702 8.06689 0 10 0C11.9331 0 13.5 1.56702 13.5 3.5ZM11.5 3.5C11.5 4.32837 10.8284 5 10 5C9.17163 5 8.5 4.32837 8.5 3.5C8.5 2.67163 9.17163 2 10 2C10.8284 2 11.5 2.67163 11.5 3.5ZM6.06714 12.1211C6.427 12.5093 6.69995 12.9792 6.85498 13.5H13.145C13.3 12.9792 13.573 12.5093 13.9329 12.1211L10.8459 6.89709C10.5752 6.96436 10.2917 7 10 7C9.70825 7 9.4248 6.96436 9.15405 6.89709L6.06714 12.1211ZM16.5 13C15.6716 13 15 13.6716 15 14.5C15 15.3284 15.6716 16 16.5 16C17.3284 16 18 15.3284 18 14.5C18 13.6716 17.3284 13 16.5 13ZM5 14.5C5 15.3284 4.32837 16 3.5 16C2.67163 16 2 15.3284 2 14.5C2 13.6716 2.67163 13 3.5 13C4.32837 13 5 13.6716 5 14.5Z" fill="#939BA1"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.81097 18.6376C8.88733 18.4153 9.08702 18.25 9.32207 18.25H14.6779C14.913 18.25 15.1127 18.4153 15.189 18.6376C15.6612 20.0122 16.9652 21 18.5 21C20.433 21 22 19.433 22 17.5C22 15.567 20.433 14 18.5 14C18.3036 14 18.111 14.0162 17.9234 14.0473C17.6919 14.0857 17.4521 13.9888 17.3402 13.7824L14.4788 8.50306C14.3669 8.29657 14.4168 8.04247 14.5758 7.86966C15.1496 7.24627 15.5 6.41406 15.5 5.50002C15.5 3.56702 13.933 2.00002 12 2.00002C10.067 2.00002 8.5 3.56702 8.5 5.50002C8.5 6.41407 8.85039 7.24629 9.42419 7.86968C9.58324 8.04249 9.63314 8.29658 9.52122 8.50307L6.65991 13.7825C6.54808 13.9888 6.30822 14.0857 6.07669 14.0473C5.88908 14.0162 5.69643 14 5.5 14C3.567 14 2 15.567 2 17.5C2 19.433 3.567 21 5.5 21C7.03476 21 8.3388 20.0122 8.81097 18.6376ZM10.8401 9.21759C10.9519 9.01126 11.1918 8.91435 11.4233 8.95273C11.6109 8.98383 11.8036 9.00002 12 9.00002C12.1964 9.00002 12.3891 8.98383 12.5767 8.95273C12.8082 8.91434 13.0481 9.01125 13.1599 9.21757L16.0213 14.4969C16.1332 14.7034 16.0833 14.9575 15.9243 15.1303C15.6004 15.4821 15.3477 15.9005 15.189 16.3625C15.1126 16.5848 14.913 16.75 14.6779 16.75H9.32207C9.08702 16.75 8.88735 16.5848 8.811 16.3625C8.65231 15.9005 8.39964 15.4822 8.07582 15.1304C7.91676 14.9576 7.86688 14.7035 7.97879 14.497L10.8401 9.21759ZM7.5 17.5C7.5 18.6046 6.60457 19.5 5.5 19.5C4.39543 19.5 3.5 18.6046 3.5 17.5C3.5 16.3955 4.39543 15.5 5.5 15.5C6.60457 15.5 7.5 16.3955 7.5 17.5ZM20.5 17.5C20.5 18.6046 19.6046 19.5 18.5 19.5C17.3954 19.5 16.5 18.6046 16.5 17.5C16.5 16.3955 17.3954 15.5 18.5 15.5C19.6046 15.5 20.5 16.3955 20.5 17.5ZM14 5.50002C14 6.60458 13.1046 7.50002 12 7.50002C10.8954 7.50002 10 6.60458 10 5.50002C10 4.39545 10.8954 3.50002 12 3.50002C13.1046 3.50002 14 4.39545 14 5.50002Z" fill="#939BA1"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

3
ui/app/img/nodeActive.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.81097 18.6376C8.88733 18.4153 9.08702 18.25 9.32207 18.25H14.6779C14.913 18.25 15.1127 18.4153 15.189 18.6376C15.6612 20.0122 16.9652 21 18.5 21C20.433 21 22 19.433 22 17.5C22 15.567 20.433 14 18.5 14C18.3036 14 18.111 14.0162 17.9234 14.0473C17.6919 14.0857 17.4521 13.9888 17.3402 13.7824L14.4788 8.50306C14.3669 8.29657 14.4168 8.04247 14.5758 7.86966C15.1496 7.24627 15.5 6.41406 15.5 5.50002C15.5 3.56702 13.933 2.00002 12 2.00002C10.067 2.00002 8.5 3.56702 8.5 5.50002C8.5 6.41407 8.85039 7.24629 9.42419 7.86968C9.58324 8.04249 9.63314 8.29658 9.52122 8.50307L6.65991 13.7825C6.54808 13.9888 6.30822 14.0857 6.07669 14.0473C5.88908 14.0162 5.69643 14 5.5 14C3.567 14 2 15.567 2 17.5C2 19.433 3.567 21 5.5 21C7.03476 21 8.3388 20.0122 8.81097 18.6376ZM10.8401 9.21759C10.9519 9.01126 11.1918 8.91435 11.4233 8.95273C11.6109 8.98383 11.8036 9.00002 12 9.00002C12.1964 9.00002 12.3891 8.98383 12.5767 8.95273C12.8082 8.91434 13.0481 9.01125 13.1599 9.21757L16.0213 14.4969C16.1332 14.7034 16.0833 14.9575 15.9243 15.1303C15.6004 15.4821 15.3477 15.9005 15.189 16.3625C15.1126 16.5848 14.913 16.75 14.6779 16.75H9.32207C9.08702 16.75 8.88735 16.5848 8.811 16.3625C8.65231 15.9005 8.39964 15.4822 8.07582 15.1304C7.91676 14.9576 7.86688 14.7035 7.97879 14.497L10.8401 9.21759ZM7.5 17.5C7.5 18.6046 6.60457 19.5 5.5 19.5C4.39543 19.5 3.5 18.6046 3.5 17.5C3.5 16.3955 4.39543 15.5 5.5 15.5C6.60457 15.5 7.5 16.3955 7.5 17.5ZM20.5 17.5C20.5 18.6046 19.6046 19.5 18.5 19.5C17.3954 19.5 16.5 18.6046 16.5 17.5C16.5 16.3955 17.3954 15.5 18.5 15.5C19.6046 15.5 20.5 16.3955 20.5 17.5ZM14 5.50002C14 6.60458 13.1046 7.50002 12 7.50002C10.8954 7.50002 10 6.60458 10 5.50002C10 4.39545 10.8954 3.50002 12 3.50002C13.1046 3.50002 14 4.39545 14 5.50002Z" fill="#4360DF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

5
ui/app/img/profile.svg
View File

@ -1,3 +1,4 @@
<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2C5.34315 2 4 3.34315 4 5C4 6.65685 5.34315 8 7 8C8.65685 8 10 6.65685 10 5C10 3.34315 8.65685 2 7 2ZM2 5C2 2.23858 4.23858 0 7 0C9.76142 0 12 2.23858 12 5C12 7.76142 9.76142 10 7 10C4.23858 10 2 7.76142 2 5ZM4 14C2.89543 14 2 14.8954 2 16V18C2 18.5523 1.55228 19 1 19C0.447715 19 0 18.5523 0 18V16C0 13.7909 1.79086 12 4 12H10C12.2091 12 14 13.7909 14 16V18C14 18.5523 13.5523 19 13 19C12.4477 19 12 18.5523 12 18V16C12 14.8954 11.1046 14 10 14H4Z" fill="#939BA1"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17 8.00003C17 10.7615 14.7614 13 12 13C9.23858 13 7 10.7615 7 8.00003C7 5.23861 9.23858 3.00003 12 3.00003C14.7614 3.00003 17 5.23861 17 8.00003ZM15.5 8.00003C15.5 9.93303 13.933 11.5 12 11.5C10.067 11.5 8.5 9.93303 8.5 8.00003C8.5 6.06703 10.067 4.50003 12 4.50003C13.933 4.50003 15.5 6.06703 15.5 8.00003Z" fill="#939BA1"/>
<path d="M18.3835 20.3874C18.686 20.7312 19.222 20.7779 19.5458 20.4541C19.8065 20.1934 19.8379 19.7785 19.598 19.4984C17.764 17.357 15.0404 16 11.9998 16C8.95932 16 6.23574 17.357 4.40167 19.4984C4.16181 19.7784 4.19319 20.1933 4.45392 20.4541C4.77772 20.7779 5.31374 20.7312 5.61624 20.3874C7.17395 18.6171 9.45645 17.5 11.9998 17.5C14.5433 17.5 16.8258 18.6171 18.3835 20.3874Z" fill="#939BA1"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 622 B

After

Width:  |  Height:  |  Size: 878 B

5
ui/app/img/profileActive.svg
View File

@ -1,3 +1,4 @@
<svg width="14" height="19" viewBox="0 0 14 19" fill="#4360DF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2C5.34315 2 4 3.34315 4 5C4 6.65685 5.34315 8 7 8C8.65685 8 10 6.65685 10 5C10 3.34315 8.65685 2 7 2ZM2 5C2 2.23858 4.23858 0 7 0C9.76142 0 12 2.23858 12 5C12 7.76142 9.76142 10 7 10C4.23858 10 2 7.76142 2 5ZM4 14C2.89543 14 2 14.8954 2 16V18C2 18.5523 1.55228 19 1 19C0.447715 19 0 18.5523 0 18V16C0 13.7909 1.79086 12 4 12H10C12.2091 12 14 13.7909 14 16V18C14 18.5523 13.5523 19 13 19C12.4477 19 12 18.5523 12 18V16C12 14.8954 11.1046 14 10 14H4Z" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17 8.00003C17 10.7615 14.7614 13 12 13C9.23858 13 7 10.7615 7 8.00003C7 5.23861 9.23858 3.00003 12 3.00003C14.7614 3.00003 17 5.23861 17 8.00003ZM15.5 8.00003C15.5 9.93303 13.933 11.5 12 11.5C10.067 11.5 8.5 9.93303 8.5 8.00003C8.5 6.06703 10.067 4.50003 12 4.50003C13.933 4.50003 15.5 6.06703 15.5 8.00003Z" fill="#4360DF"/>
<path d="M18.3835 20.3874C18.686 20.7312 19.222 20.7779 19.5458 20.4541C19.8065 20.1934 19.8379 19.7785 19.598 19.4984C17.764 17.357 15.0404 16 11.9998 16C8.95932 16 6.23574 17.357 4.40167 19.4984C4.16181 19.7784 4.19319 20.1933 4.45392 20.4541C4.77772 20.7779 5.31374 20.7312 5.61624 20.3874C7.17395 18.6171 9.45645 17.5 11.9998 17.5C14.5433 17.5 16.8258 18.6171 18.3835 20.3874Z" fill="#4360DF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 611 B

After

Width:  |  Height:  |  Size: 878 B

5
ui/app/img/wallet.svg
View File

@ -1,3 +1,4 @@
<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00684 0C1.34741 0 0 1.34229 0 3.00244V12.9976C0 14.651 1.34839 16 3.00684 16H14.9932C16.6526 16 18 14.6577 18 12.9976V3.00244C18 1.349 16.6516 0 14.9932 0H3.00684ZM2 12.9976V6H16V12.9976C16 13.5511 15.55 14 14.9932 14H3.00684C2.45068 14 2 13.5442 2 12.9976ZM16 4H2V3.00244C2 2.44885 2.44995 2 3.00684 2H14.9932C15.5493 2 16 2.45581 16 3.00244V4ZM13 8C12.4438 8 12 8.4519 12 9.0094V10.9906C12 11.5566 12.4478 12 13 12C13.5562 12 14 11.5481 14 10.9906V9.0094C14 8.44336 13.5522 8 13 8Z" fill="#939BA1"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 5.25C5.58579 5.25 5.25 5.58579 5.25 6C5.25 6.41421 5.58579 6.75 6 6.75H18C18.4142 6.75 18.75 6.41421 18.75 6C18.75 5.58579 18.4142 5.25 18 5.25H6Z" fill="#939BA1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM6 3.5C4.61929 3.5 3.5 4.61929 3.5 6C3.5 7.38071 4.61929 8.5 6 8.5H18C19.3807 8.5 20.5 7.38071 20.5 6C20.5 4.61929 19.3807 3.5 18 3.5H6ZM20.5 18V10.1643C20.5 9.74484 19.996 9.49259 19.6122 9.66182C19.119 9.87926 18.5736 10 18 10H6C5.4264 10 4.881 9.87926 4.38782 9.66182C4.00399 9.49259 3.5 9.74484 3.5 10.1643V18C3.5 19.3807 4.61929 20.5 6 20.5H18C19.3807 20.5 20.5 19.3807 20.5 18Z" fill="#939BA1"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 657 B

After

Width:  |  Height:  |  Size: 850 B

5
ui/app/img/walletActive.svg
View File

@ -1,3 +1,4 @@
<svg width="18" height="16" viewBox="0 0 18 16" fill="#4360DF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00684 0C1.34741 0 0 1.34229 0 3.00244V12.9976C0 14.651 1.34839 16 3.00684 16H14.9932C16.6526 16 18 14.6577 18 12.9976V3.00244C18 1.349 16.6516 0 14.9932 0H3.00684ZM2 12.9976V6H16V12.9976C16 13.5511 15.55 14 14.9932 14H3.00684C2.45068 14 2 13.5442 2 12.9976ZM16 4H2V3.00244C2 2.44885 2.44995 2 3.00684 2H14.9932C15.5493 2 16 2.45581 16 3.00244V4ZM13 8C12.4438 8 12 8.4519 12 9.0094V10.9906C12 11.5566 12.4478 12 13 12C13.5562 12 14 11.5481 14 10.9906V9.0094C14 8.44336 13.5522 8 13 8Z" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 5.25C5.58579 5.25 5.25 5.58579 5.25 6C5.25 6.41421 5.58579 6.75 6 6.75H18C18.4142 6.75 18.75 6.41421 18.75 6C18.75 5.58579 18.4142 5.25 18 5.25H6Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM6 3.5C4.61929 3.5 3.5 4.61929 3.5 6C3.5 7.38071 4.61929 8.5 6 8.5H18C19.3807 8.5 20.5 7.38071 20.5 6C20.5 4.61929 19.3807 3.5 18 3.5H6ZM20.5 18V10.1643C20.5 9.74484 19.996 9.49259 19.6122 9.66182C19.119 9.87926 18.5736 10 18 10H6C5.4264 10 4.881 9.87926 4.38782 9.66182C4.00399 9.49259 3.5 9.74484 3.5 10.1643V18C3.5 19.3807 4.61929 20.5 6 20.5H18C19.3807 20.5 20.5 19.3807 20.5 18Z" fill="#4360DF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 646 B

After

Width:  |  Height:  |  Size: 850 B

2
ui/onboarding/Login.qml
View File

@ -170,7 +170,7 @@ Item {
}
}
Image {
SVGImage {
id: loadingImg
visible: loading
anchors.left: txtPassword.right

14
ui/shared/SVGImage.qml Normal file
View File

@ -0,0 +1,14 @@
import QtQuick 2.13
// Source: https://forum.qt.io/topic/52161/properly-scaling-svg-images/6
Image {
sourceSize: Qt.size(hiddenImg.sourceSize.width * 2, hiddenImg.sourceSize.height * 2)
Image {
id: hiddenImg
source: parent.source
width: 0
height: 0
}
}