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(@desktop/wallet): QR network picker style is a bit off 

fixes #6386
This commit is contained in:
Khushboo Mehta 2022-07-13 16:32:06 +02:00 committed by Khushboo-dev-cpp
parent 16aa4a57f8
commit 7ba6e06bc5
28 changed files with 140 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/StatusQ

@ -1 +1 @@
Subproject commit 59b2fe4641021f17702f1d4ce7abc074e5e9c825
Subproject commit 7f99acf32d6b87416f7b42482dae5bdfc93f9ffd

2
ui/app/AppLayouts/Profile/controls/WalletNetworkDelegate.qml
View File

@ -7,7 +7,7 @@ import StatusQ.Core.Theme 0.1
StatusListItem {
property var network
title: network.chainName
image.source: Style.png(network.iconUrl)
image.source: Style.svg(network.iconUrl)
width: parent.width
leftPadding: Style.current.padding
rightPadding: Style.current.padding

2
ui/app/AppLayouts/Wallet/controls/NetworkFilter.qml
View File

@ -78,7 +78,7 @@ Item {
anchors.verticalCenter: parent.verticalCenter
width: 22
height: 22
source: Style.png(model.iconUrl)
source: Style.svg("tiny/" + model.iconUrl)
}
StatusBaseText {
anchors.verticalCenter: parent.verticalCenter

2
ui/app/AppLayouts/Wallet/popups/NetworkSelectPopup.qml
View File

@ -86,7 +86,7 @@ Popup {
StatusListItem {
implicitWidth: scrollView.width
title: model.chainName
image.source: Style.png(model.iconUrl)
image.source: Style.svg(model.iconUrl)
onClicked: {
checkBox.checked = !checkBox.checked
}

51
ui/app/AppLayouts/Wallet/popups/ReceiveModal.qml
View File

@ -137,11 +137,36 @@ StatusModal {
spacing: 5
Repeater {
model: RootStore.enabledNetworks
delegate: StatusListItemTag {
image.source: Style.png(iconUrl)
title: shortName
titleText.color: chainColor
closeButtonVisible: false
delegate: Control {
horizontalPadding: Style.current.halfPadding
verticalPadding: 5
background: Rectangle {
implicitWidth: 66
implicitHeight: 32
color: "transparent"
border.width: 1
border.color: Theme.palette.baseColor2
radius: 36
}
contentItem: Row {
spacing: 4
// FIXME this could be StatusIcon but it can't load images from an arbitrary URL
Image {
anchors.verticalCenter: parent.verticalCenter
width: 24
height: 24
source: Style.svg("tiny/" + model.iconUrl)
}
StatusBaseText {
anchors.verticalCenter: parent.verticalCenter
text: model.shortName
color: model.chainColor
font.pixelSize: Style.current.primaryTextFontSize
font.weight: Font.Medium
}
}
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
@ -149,16 +174,12 @@ StatusModal {
}
}
}
StatusListItemTag {
closeButtonVisible: false
StatusRoundButton {
width: 32
height: 32
icon.name: "edit_pencil"
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
onClicked: {
selectPopup.open()
}
}
color: Theme.palette.primaryColor3
onClicked: selectPopup.open()
}
}
@ -218,7 +239,7 @@ StatusModal {
anchors.margins: 2
width: 78
height: 78
source: Style.svg("status-logo-icon")
icon: "status-logo-icon"
}
}
}

9
ui/imports/assets/icons/network/Network=Arbitrum.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="503" height="500" viewBox="0 0 503 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 250C0 111.929 113.429 0 251.5 0C389.571 0 503 111.929 503 250C503 388.071 389.571 500 251.5 500C113.429 500 0 388.071 0 250Z" fill="#2D374B"/>
<path d="M291.788 234.692L317.883 190.388L388.22 300.003L388.253 321.039L388.024 176.283C387.857 172.744 385.98 169.507 382.983 167.598L256.351 94.7156C253.389 93.2591 249.632 93.2746 246.675 94.7608C246.276 94.9616 245.9 95.179 245.542 95.4162L245.101 95.6942L122.183 166.965L121.706 167.181C121.092 167.464 120.473 167.822 119.89 168.239C117.56 169.912 116.012 172.385 115.512 175.158C115.437 175.579 115.381 176.007 115.355 176.438L115.548 294.401L181.064 192.797C189.312 179.324 207.284 174.984 223.967 175.22L243.548 175.738L128.177 360.865L141.777 368.7L258.531 175.925L310.136 175.738L193.683 373.377L242.212 401.305L248.01 404.642C250.462 405.639 253.353 405.689 255.827 404.796L384.239 330.337L359.689 344.571L291.788 234.692ZM301.744 378.17L252.729 301.198L282.649 250.398L347.021 351.916L301.744 378.17Z" fill="#2D374B"/>
<path d="M252.729 301.198L301.744 378.17L347.022 351.916L282.65 250.398L252.729 301.198Z" fill="#28A0F0"/>
<path d="M388.253 321.039L388.22 300.003L317.883 190.388L291.788 234.692L359.689 344.571L384.239 330.337C386.648 328.38 388.104 325.508 388.258 322.409L388.253 321.039Z" fill="#28A0F0"/>
<path d="M93.5068 340.877L128.176 360.865L243.547 175.738L223.966 175.22C207.283 174.984 189.312 179.324 181.063 192.797L115.547 294.401L93.5057 328.286V340.877H93.5068Z" fill="white"/>
<path d="M310.135 175.738L258.531 175.925L141.777 368.7L182.585 392.21L193.683 373.377L310.135 175.738Z" fill="white"/>
<path d="M410 175.472C409.569 164.673 403.726 154.787 394.572 149.032L266.28 75.2128C257.225 70.6504 245.913 70.6449 236.845 75.2095C235.773 75.7501 112.082 147.527 112.082 147.527C110.371 148.348 108.722 149.327 107.171 150.437C98.9995 156.297 94.0185 165.402 93.5069 175.406V328.287L115.548 294.402L115.355 176.439C115.381 176.008 115.435 175.584 115.512 175.165C116.009 172.389 117.558 169.913 119.89 168.24C120.473 167.823 246.275 94.9627 246.675 94.7619C249.633 93.2757 253.39 93.2603 256.351 94.7167L382.983 167.599C385.98 169.508 387.857 172.745 388.024 176.284V322.41C387.871 325.51 386.647 328.38 384.238 330.338L359.687 344.572L347.02 351.917L301.743 378.171L255.826 404.797C253.352 405.691 250.461 405.641 248.009 404.643L193.682 373.378L182.584 392.21L231.406 420.336C233.02 421.254 234.46 422.068 235.639 422.732C237.468 423.758 238.713 424.443 239.153 424.656C242.623 426.342 247.615 427.324 252.114 427.324C256.239 427.324 260.261 426.566 264.067 425.075L397.436 347.793C405.091 341.859 409.594 332.91 410 323.215V175.472Z" fill="#96BEDC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

5
ui/imports/assets/icons/network/Network=Custom.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="531" height="531" viewBox="0 0 531 531" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 265.5C0 118.868 118.868 0 265.5 0C412.132 0 531 118.868 531 265.5C531 412.132 412.132 531 265.5 531C118.868 531 0 412.132 0 265.5Z" fill="#EEF2F5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M216.241 367.649C217.457 364.11 220.635 361.479 224.376 361.479H309.624C313.365 361.479 316.543 364.11 317.759 367.649C325.274 389.527 346.03 405.25 370.458 405.25C401.225 405.25 426.167 380.309 426.167 349.542C426.167 318.775 401.225 293.834 370.458 293.834C367.333 293.834 364.267 294.091 361.281 294.586C357.596 295.197 353.779 293.654 351.999 290.37L306.454 206.34C304.673 203.053 305.467 199.009 307.999 196.259C317.131 186.336 322.708 173.09 322.708 158.542C322.708 127.775 297.767 102.833 267 102.833C236.233 102.833 211.292 127.775 211.292 158.542C211.292 173.09 216.869 186.337 226.002 196.259C228.533 199.009 229.327 203.054 227.546 206.34L182.004 290.371C180.224 293.655 176.406 295.197 172.721 294.586C169.735 294.091 166.668 293.834 163.542 293.834C132.775 293.834 107.833 318.775 107.833 349.542C107.833 380.309 132.775 405.25 163.542 405.25C187.97 405.25 208.726 389.527 216.241 367.649ZM248.538 217.713C250.318 214.429 254.136 212.886 257.821 213.497C260.807 213.992 263.874 214.25 267 214.25C270.127 214.25 273.193 213.992 276.179 213.497C279.864 212.886 283.682 214.429 285.462 217.713L331.006 301.741C332.787 305.028 331.993 309.073 329.461 311.823C324.307 317.423 320.284 324.082 317.758 331.436C316.543 334.974 313.365 337.604 309.624 337.604H224.376C220.635 337.604 217.457 334.974 216.242 331.436C213.716 324.083 209.694 317.424 204.54 311.825C202.009 309.074 201.215 305.03 202.996 301.743L248.538 217.713ZM195.375 349.542C195.375 367.123 181.123 381.375 163.542 381.375C145.961 381.375 131.708 367.123 131.708 349.542C131.708 331.961 145.961 317.709 163.542 317.709C181.123 317.709 195.375 331.961 195.375 349.542ZM402.292 349.542C402.292 367.123 388.039 381.375 370.458 381.375C352.877 381.375 338.625 367.123 338.625 349.542C338.625 331.961 352.877 317.709 370.458 317.709C388.039 317.709 402.292 331.961 402.292 349.542ZM298.833 158.542C298.833 176.123 284.581 190.375 267 190.375C249.419 190.375 235.167 176.123 235.167 158.542C235.167 140.961 249.419 126.708 267 126.708C284.581 126.708 298.833 140.961 298.833 158.542Z" fill="#939BA1"/>
<path d="M265.5 530C119.421 530 1 411.579 1 265.5H-1C-1 412.684 118.316 532 265.5 532V530ZM530 265.5C530 411.579 411.579 530 265.5 530V532C412.684 532 532 412.684 532 265.5H530ZM265.5 1C411.579 1 530 119.421 530 265.5H532C532 118.316 412.684 -1 265.5 -1V1ZM265.5 -1C118.316 -1 -1 118.316 -1 265.5H1C1 119.421 119.421 1 265.5 1V-1Z" fill="black" fill-opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

16
ui/imports/assets/icons/network/Network=Ethereum.svg Normal file
View File

@ -0,0 +1,16 @@
<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M250 500C388.071 500 500 388.071 500 250C500 111.929 388.071 0 250 0C111.929 0 0 111.929 0 250C0 388.071 111.929 500 250 500Z" fill="#627EEA"/>
<g clip-path="url(#clip0_7007_79008)">
<path d="M254.967 65L254.967 74L254.967 309.5V319.177L367.914 252.412L254.967 65Z" fill="white" fill-opacity="0.8"/>
<path d="M254.967 65L142.016 252.412L254.967 319.177V201.072V65Z" fill="white"/>
<path d="M254.967 340.561V350L254.967 425.5L254.967 432.997L367.984 273.832L254.967 340.561Z" fill="white" fill-opacity="0.8"/>
<path d="M254.967 432.997V340.561L142.016 273.832L254.967 432.997Z" fill="white"/>
<path d="M254.967 319.177L367.914 252.412L254.967 201.072V319.177Z" fill="#627EEA" fill-opacity="0.2"/>
<path d="M142.016 252.412L254.967 319.177V201.072L142.016 252.412Z" fill="#627EEA" fill-opacity="0.1"/>
</g>
<defs>
<clipPath id="clip0_7007_79008">
<rect width="368" height="368" fill="white" transform="translate(71 65)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

8
ui/imports/assets/icons/network/Network=Hermez.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="503" height="500" viewBox="0 0 503 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 250C0 111.929 113.429 0 251.5 0C389.571 0 503 111.929 503 250C503 388.071 389.571 500 251.5 500C113.429 500 0 388.071 0 250Z" fill="#7B3FE4"/>
<path d="M383.936 142.027L274.569 78.8509C266.735 74.3617 257.864 72 248.835 72C239.806 72 230.935 74.3617 223.101 78.8509L113.734 142.027C105.908 146.545 99.4096 153.044 94.8924 160.87C90.3752 168.696 87.9981 177.574 88 186.61V313.22C88.0653 322.192 90.4746 330.989 94.9883 338.742C99.5023 346.494 105.964 352.93 113.734 357.418L223.101 420.594C230.925 425.11 239.801 427.487 248.835 427.487C257.869 427.487 266.745 425.11 274.569 420.594L383.936 357.418C391.763 352.898 398.26 346.4 402.776 338.574C407.296 330.748 409.673 321.87 409.67 312.834V186.224C409.606 177.254 407.196 168.456 402.68 160.703C398.167 152.95 391.705 146.512 383.936 142.027ZM113.734 186.61C113.727 182.087 114.913 177.641 117.172 173.722C119.431 169.803 122.683 166.548 126.6 164.286L235.968 101.175C239.875 98.9003 244.314 97.7021 248.835 97.7021C253.355 97.7021 257.795 98.9003 261.702 101.175L371.069 164.286C374.93 166.515 378.146 169.709 380.401 173.555C382.659 177.4 383.875 181.766 383.936 186.224V199.091C383.901 209.107 379.903 218.703 372.816 225.779C365.727 232.856 356.125 236.838 346.108 236.855H151.562C137.925 236.823 124.648 241.226 113.734 249.4V186.61ZM383.936 312.834C383.943 317.357 382.756 321.802 380.498 325.72C378.24 329.641 374.987 332.897 371.069 335.158L261.702 398.27C257.79 400.528 253.352 401.718 248.835 401.718C244.318 401.718 239.88 400.528 235.968 398.27L126.6 335.158C122.739 332.929 119.523 329.735 117.267 325.888C115.012 322.044 113.794 317.679 113.734 313.22V300.353C113.768 290.337 117.766 280.741 124.855 273.664C131.943 266.588 141.545 262.605 151.562 262.589H346.108C359.743 262.622 373.022 258.218 383.936 250.044V312.834Z" fill="white"/>
<path d="M189.004 180.177H213.966V217.555H239.7V180.177C239.7 173.352 236.989 166.807 232.163 161.981C227.337 157.155 220.791 154.444 213.966 154.444H189.004C182.18 154.444 175.634 157.155 170.808 161.981C165.982 166.807 163.271 173.352 163.271 180.177V217.555H189.004V180.177Z" fill="white"/>
<path d="M213.966 319.268H189.004V281.89H163.271V319.268C163.271 326.093 165.982 332.639 170.808 337.464C175.634 342.29 182.18 345.001 189.004 345.001H213.966C220.791 345.001 227.337 342.29 232.163 337.464C236.989 332.639 239.7 326.093 239.7 319.268V281.89H213.966V319.268Z" fill="white"/>
<path d="M290.395 180.177H315.421V217.555H341.154V180.177C341.154 173.352 338.443 166.807 333.617 161.981C328.792 157.155 322.246 154.444 315.421 154.444H290.395C283.57 154.444 277.024 157.155 272.198 161.981C267.372 166.807 264.661 173.352 264.661 180.177V217.555H290.395V180.177Z" fill="white"/>
<path d="M315.421 319.268H290.395V281.89H264.661V319.268C264.661 326.093 267.372 332.639 272.198 337.464C277.024 342.29 283.57 345.001 290.395 345.001H315.421C322.246 345.001 328.792 342.29 333.617 337.464C338.443 332.639 341.154 326.093 341.154 319.268V281.89H315.421V319.268Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

5
ui/imports/assets/icons/network/Network=Optimism.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M250 500C388.071 500 500 388.071 500 250C500 111.929 388.071 0 250 0C111.929 0 0 111.929 0 250C0 388.071 111.929 500 250 500Z" fill="#FF0420"/>
<path d="M177.133 316.446C162.247 316.446 150.051 312.943 140.544 305.938C131.162 298.808 126.471 288.676 126.471 275.541C126.471 272.789 126.784 269.411 127.409 265.408C129.036 256.402 131.35 245.581 134.352 232.947C142.858 198.547 164.812 181.347 200.213 181.347C209.845 181.347 218.476 182.973 226.107 186.225C233.738 189.352 239.742 194.106 244.12 200.486C248.498 206.74 250.688 214.246 250.688 223.002C250.688 225.629 250.375 228.944 249.749 232.947C247.873 244.08 245.621 254.901 242.994 265.408C238.616 282.546 231.048 295.368 220.29 303.874C209.532 312.255 195.147 316.446 177.133 316.446ZM179.76 289.426C186.766 289.426 192.707 287.362 197.586 283.234C202.59 279.106 206.155 272.789 208.281 264.283C211.158 252.524 213.348 242.266 214.849 233.51C215.349 230.883 215.599 228.194 215.599 225.441C215.599 214.058 209.657 208.366 197.774 208.366C190.768 208.366 184.764 210.43 179.76 214.558C174.882 218.687 171.379 225.004 169.253 233.51C167.001 241.891 164.749 252.149 162.498 264.283C161.997 266.784 161.747 269.411 161.747 272.163C161.747 283.672 167.752 289.426 179.76 289.426Z" fill="white"/>
<path d="M259.303 314.57C257.927 314.57 256.863 314.132 256.113 313.256C255.487 312.255 255.3 311.13 255.55 309.879L281.444 187.914C281.694 186.538 282.382 185.412 283.508 184.536C284.634 183.661 285.822 183.223 287.073 183.223H336.985C350.87 183.223 362.003 186.1 370.384 191.854C378.891 197.609 383.144 205.927 383.144 216.81C383.144 219.937 382.769 223.19 382.018 226.567C378.891 240.953 372.574 251.586 363.067 258.466C353.685 265.346 340.8 268.786 324.413 268.786H299.082L290.451 309.879C290.2 311.255 289.512 312.38 288.387 313.256C287.261 314.132 286.072 314.57 284.822 314.57H259.303ZM325.727 242.892C330.98 242.892 335.546 241.453 339.424 238.576C343.427 235.699 346.054 231.571 347.305 226.192C347.68 224.065 347.868 222.189 347.868 220.563C347.868 216.935 346.805 214.183 344.678 212.307C342.551 210.305 338.924 209.305 333.795 209.305H311.278L304.148 242.892H325.727Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

5
ui/imports/assets/icons/network/Network=Unknown.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 60C0 26.8629 26.8629 0 60 0C93.1371 0 120 26.8629 120 60C120 93.1371 93.1371 120 60 120C26.8629 120 0 93.1371 0 60Z" fill="#EEF2F5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.3823 49.0395H60.6476C62.5178 49.0395 64.42 49.7927 65.3186 51.4328L73.1513 65.7286C74.3198 67.8614 73.7071 70.4793 72.4397 72.5549C71.0136 74.8903 68.7787 76.9491 66.0423 76.9491H49.3502C49.297 76.9491 49.2528 76.9097 49.243 76.8574C48.9625 75.3592 48.4116 73.9 47.5902 72.5549C46.34 70.5075 45.7508 67.9213 46.9161 65.8244L54.9909 51.2944C55.8452 49.7571 57.6236 49.0395 59.3823 49.0395ZM70.835 49.7432C69.6679 47.613 70.2792 44.9984 71.545 42.9253C74.0396 38.8399 74.0396 33.7024 71.545 29.617C69.2261 25.8193 65.0973 23.5028 60.6476 23.5028H59.3823C54.9326 23.5028 50.8038 25.8193 48.4849 29.617C45.9903 33.7024 45.9903 38.8399 48.4849 42.9253C49.8041 45.0857 50.4595 47.8176 49.2299 50.0302L41.4522 64.0257C40.5292 65.6866 38.5929 66.4407 36.6928 66.4407H35.4275C30.9778 66.4407 26.849 68.7572 24.5301 72.5549C22.0355 76.6403 22.0355 81.7778 24.5301 85.8632C26.849 89.6609 30.9778 91.9774 35.4275 91.9774H36.6928C41.1425 91.9774 45.2713 89.6609 47.5902 85.8632C48.1604 84.9294 48.6003 83.9406 48.9098 82.9219C48.9684 82.7291 49.1486 82.5989 49.3502 82.5989H70.8575C70.9566 82.5989 71.0442 82.6639 71.0718 82.7591C71.3832 83.8352 71.8391 84.8797 72.4397 85.8632C74.7586 89.6609 78.8874 91.9774 83.3371 91.9774H84.6024C89.0521 91.9774 93.1809 89.6609 95.4998 85.8632C97.9944 81.7778 97.9944 76.6403 95.4998 72.5549C93.1809 68.7572 89.0521 66.4407 84.6024 66.4407H83.3371C81.47 66.4407 79.5713 65.6883 78.6742 64.0509L70.835 49.7432ZM54.8737 36.2712C54.8737 39.1106 57.1755 41.4124 60.0149 41.4124C61.3785 41.4124 62.6862 40.8708 63.6504 39.9066C64.6145 38.9424 65.1562 37.6347 65.1562 36.2712C65.1562 33.4317 62.8544 31.1299 60.0149 31.1299C57.1755 31.1299 54.8737 33.4317 54.8737 36.2712ZM36.0601 84.3503C33.2207 84.3503 30.9189 82.0485 30.9189 79.209C30.9189 76.3696 33.2207 74.0678 36.0601 74.0678C38.8996 74.0678 41.2014 76.3696 41.2014 79.209C41.2014 80.5726 40.6597 81.8803 39.6956 82.8444C38.7314 83.8086 37.4237 84.3503 36.0601 84.3503ZM83.9697 84.3503C81.1303 84.3503 78.8285 82.0485 78.8285 79.209C78.8285 76.3696 81.1303 74.0678 83.9697 74.0678C86.8092 74.0678 89.111 76.3696 89.111 79.209C89.111 80.5726 88.5693 81.8803 87.6052 82.8444C86.641 83.8086 85.3333 84.3503 83.9697 84.3503Z" fill="#939BA1"/>
<path d="M60 119C27.4152 119 1 92.5848 1 60H-1C-1 93.6894 26.3106 121 60 121V119ZM119 60C119 92.5848 92.5848 119 60 119V121C93.6894 121 121 93.6894 121 60H119ZM60 1C92.5848 1 119 27.4152 119 60H121C121 26.3106 93.6894 -1 60 -1V1ZM60 -1C26.3106 -1 -1 26.3106 -1 60H1C1 27.4152 27.4152 1 60 1V-1Z" fill="black" fill-opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

14
ui/imports/assets/icons/tiny/network/Network=Arbitrum.svg Normal file
View File

@ -0,0 +1,14 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7249_79136)">
<rect width="24" height="24" rx="12" fill="#2D374B"/>
<path d="M12.3165 16.6244L16.6991 23.548L20.7475 21.1865L14.9919 12.0549L12.3165 16.6244Z" fill="#28A0F0"/>
<path d="M24.4341 18.409L24.4311 16.5169L18.1421 6.65701L15.8088 10.6421L21.88 20.5257L24.0752 19.2454C24.2905 19.0694 24.4208 18.8111 24.4345 18.5323L24.4341 18.409Z" fill="#28A0F0"/>
<path d="M-1.92013 20.1935L1.17978 21.9914L11.4955 5.33926L9.74467 5.29272C8.25299 5.27148 6.64614 5.66181 5.90853 6.87371L0.0505441 16.013L-1.92023 19.0609V20.1935H-1.92013Z" fill="white"/>
<path d="M17.4493 5.33923L12.8352 5.35611L2.39587 22.6962L6.04468 24.8109L7.03697 23.1169L17.4493 5.33923Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_7249_79136">
<rect width="24" height="24" rx="12" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 920 B

4
ui/imports/assets/icons/tiny/network/Network=Custom.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="#EEF2F5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.77362 16.6169C9.82855 16.457 9.97221 16.338 10.1413 16.338H13.9943C14.1634 16.338 14.307 16.457 14.362 16.6169C14.7017 17.6057 15.6398 18.3164 16.7439 18.3164C18.1345 18.3164 19.2618 17.1891 19.2618 15.7985C19.2618 14.4079 18.1345 13.2806 16.7439 13.2806C16.6026 13.2806 16.464 13.2922 16.3291 13.3146C16.1625 13.3422 15.99 13.2725 15.9096 13.1241L13.851 9.3261C13.7705 9.17755 13.8064 8.99475 13.9208 8.87043C14.3336 8.42197 14.5857 7.82328 14.5857 7.16572C14.5857 5.77513 13.4584 4.64783 12.0678 4.64783C10.6772 4.64783 9.54991 5.77513 9.54991 7.16572C9.54991 7.82329 9.80198 8.42198 10.2148 8.87045C10.3292 8.99477 10.3651 9.17756 10.2846 9.32611L8.22615 13.1241C8.1457 13.2725 7.97315 13.3422 7.80659 13.3146C7.67162 13.2922 7.53303 13.2806 7.39171 13.2806C6.00112 13.2806 4.87382 14.4079 4.87382 15.7985C4.87382 17.1891 6.00112 18.3164 7.39171 18.3164C8.49582 18.3164 9.43394 17.6057 9.77362 16.6169ZM11.2334 9.84013C11.3138 9.69169 11.4864 9.62198 11.6529 9.64959C11.7879 9.67197 11.9265 9.68361 12.0678 9.68361C12.2091 9.68361 12.3477 9.67197 12.4827 9.64959C12.6492 9.62198 12.8218 9.69169 12.9022 9.84012L14.9607 13.638C15.0412 13.7866 15.0053 13.9694 14.8909 14.0937C14.6579 14.3468 14.4761 14.6478 14.362 14.9802C14.307 15.1401 14.1634 15.2589 13.9943 15.2589H10.1413C9.97221 15.2589 9.82857 15.1401 9.77364 14.9802C9.65948 14.6478 9.47771 14.3469 9.24475 14.0938C9.13033 13.9695 9.09444 13.7867 9.17495 13.6381L11.2334 9.84013ZM8.83051 15.7985C8.83051 16.5931 8.18634 17.2373 7.39171 17.2373C6.59709 17.2373 5.95292 16.5931 5.95292 15.7985C5.95292 15.0039 6.59709 14.3597 7.39171 14.3597C8.18634 14.3597 8.83051 15.0039 8.83051 15.7985ZM18.1827 15.7985C18.1827 16.5931 17.5385 17.2373 16.7439 17.2373C15.9493 17.2373 15.3051 16.5931 15.3051 15.7985C15.3051 15.0039 15.9493 14.3597 16.7439 14.3597C17.5385 14.3597 18.1827 15.0039 18.1827 15.7985ZM13.5066 7.16572C13.5066 7.96034 12.8624 8.60451 12.0678 8.60451C11.2732 8.60451 10.629 7.96034 10.629 7.16572C10.629 6.37109 11.2732 5.72692 12.0678 5.72692C12.8624 5.72692 13.5066 6.37109 13.5066 7.16572Z" fill="#939BA1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

16
ui/imports/assets/icons/tiny/network/Network=Ethereum.svg Normal file
View File

@ -0,0 +1,16 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24Z" fill="#627EEA"/>
<g clip-path="url(#clip0_7256_79207)">
<path d="M11.7616 3.12L11.7616 3.552L11.7616 14.856V15.3205L6.34011 12.1158L11.7616 3.12Z" fill="white"/>
<path d="M11.7616 3.12L17.1832 12.1158L11.7616 15.3205V9.65147V3.12Z" fill="white"/>
<path d="M11.7616 16.3469V16.8L11.7616 20.424L11.7616 20.7839L6.3368 13.1439L11.7616 16.3469Z" fill="white"/>
<path d="M11.7616 20.7839V16.3469L17.1832 13.1439L11.7616 20.7839Z" fill="white"/>
<path d="M11.7616 15.3205L6.34011 12.1158L11.7616 9.65146V15.3205Z" fill="white"/>
<path d="M17.1832 12.1158L11.7616 15.3205V9.65146L17.1832 12.1158Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_7256_79207">
<rect width="17.664" height="17.664" fill="white" transform="matrix(-1 0 0 1 20.592 3.12)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 991 B

8
ui/imports/assets/icons/tiny/network/Network=Hermez.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#7B3FE4"/>
<path d="M19.5396 5.83825L13.3332 2.2316C12.8886 1.97531 12.3852 1.84048 11.8728 1.84048C11.3605 1.84048 10.857 1.97531 10.4125 2.2316L4.20604 5.83825C3.76195 6.09619 3.39318 6.46719 3.13683 6.91398C2.88049 7.36078 2.74559 7.8676 2.7457 8.38348V15.6115C2.7494 16.1237 2.88613 16.6259 3.14227 17.0685C3.39843 17.5111 3.76514 17.8785 4.20604 18.1347L10.4125 21.7414C10.8565 21.9992 11.3602 22.1349 11.8728 22.1349C12.3855 22.1349 12.8892 21.9992 13.3332 21.7414L19.5396 18.1347C19.9838 17.8767 20.3525 17.5057 20.6088 17.0589C20.8653 16.6122 21.0002 16.1053 21 15.5895V8.36144C20.9963 7.84931 20.8596 7.34704 20.6033 6.90444C20.3472 6.46185 19.9805 6.0943 19.5396 5.83825ZM4.20604 8.38348C4.20566 8.12523 4.27296 7.87144 4.40114 7.64769C4.52934 7.42395 4.71389 7.23814 4.93621 7.10903L11.1427 3.50605C11.3644 3.3762 11.6163 3.30779 11.8728 3.30779C12.1294 3.30779 12.3813 3.3762 12.603 3.50605L18.8095 7.10903C19.0285 7.23627 19.2111 7.41859 19.339 7.63814C19.4672 7.85768 19.5362 8.10694 19.5396 8.36144V9.09599C19.5376 9.6678 19.3107 10.2156 18.9086 10.6196C18.5063 11.0236 17.9614 11.2509 17.3929 11.2519H6.35274C5.57889 11.25 4.82544 11.5014 4.20604 11.9681V8.38348ZM19.5396 15.5895C19.54 15.8477 19.4727 16.1015 19.3445 16.3251C19.2164 16.549 19.0318 16.7348 18.8095 16.8639L12.603 20.4669C12.381 20.5958 12.1292 20.6638 11.8728 20.6638C11.6165 20.6638 11.3647 20.5958 11.1427 20.4669L4.93621 16.8639C4.71709 16.7367 4.53458 16.5543 4.40658 16.3347C4.27858 16.1152 4.20947 15.866 4.20604 15.6115V14.877C4.20798 14.3051 4.43488 13.7573 4.83715 13.3533C5.23942 12.9493 5.78432 12.722 6.35274 12.721H17.3929C18.1667 12.7229 18.9203 12.4715 19.5396 12.0048V15.5895Z" fill="white"/>
<path d="M8.47759 8.01622H9.89412V10.1501H11.3545V8.01622C11.3545 7.6266 11.2006 7.25291 10.9267 6.9774C10.6529 6.70189 10.2814 6.54712 9.89412 6.54712H8.47759C8.09028 6.54712 7.71885 6.70189 7.44498 6.9774C7.17111 7.25291 7.01724 7.6266 7.01724 8.01622V10.1501H8.47759V8.01622Z" fill="white"/>
<path d="M9.89412 15.9568H8.47759V13.8229H7.01724V15.9568C7.01724 16.3464 7.17111 16.7201 7.44498 16.9956C7.71885 17.2711 8.09028 17.4259 8.47759 17.4259H9.89412C10.2814 17.4259 10.6529 17.2711 10.9267 16.9956C11.2006 16.7201 11.3545 16.3464 11.3545 15.9568V13.8229H9.89412V15.9568Z" fill="white"/>
<path d="M14.2313 8.01622H15.6515V10.1501H17.1118V8.01622C17.1118 7.6266 16.958 7.25291 16.6841 6.9774C16.4103 6.70189 16.0388 6.54712 15.6515 6.54712H14.2313C13.844 6.54712 13.4726 6.70189 13.1987 6.9774C12.9248 7.25291 12.771 7.6266 12.771 8.01622V10.1501H14.2313V8.01622Z" fill="white"/>
<path d="M15.6515 15.9568H14.2313V13.8229H12.771V15.9568C12.771 16.3464 12.9248 16.7201 13.1987 16.9956C13.4726 17.2711 13.844 17.4259 14.2313 17.4259H15.6515C16.0388 17.4259 16.4103 17.2711 16.6841 16.9956C16.958 16.7201 17.1118 16.3464 17.1118 15.9568V13.8229H15.6515V15.9568Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

5
ui/imports/assets/icons/tiny/network/Network=Optimism.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FF0420"/>
<path d="M6.67066 17C5.59211 17 4.70846 16.7407 4.01964 16.2222C3.33988 15.6944 3 14.9445 3 13.9722C3 13.7685 3.02268 13.5185 3.06796 13.2222C3.18584 12.5556 3.3535 11.7546 3.57101 10.8194C4.1873 8.27314 5.77795 7 8.34289 7C9.04077 7 9.66612 7.12036 10.219 7.36107C10.7719 7.59253 11.2069 7.94442 11.5241 8.41666C11.8413 8.87958 12 9.43518 12 10.0833C12 10.2777 11.9773 10.5231 11.932 10.8194C11.796 11.6435 11.6329 12.4445 11.4425 13.2222C11.1253 14.4907 10.577 15.4398 9.79755 16.0694C9.01809 16.6898 7.97584 17 6.67066 17ZM6.86099 15C7.3686 15 7.79905 14.8472 8.15256 14.5417C8.51511 14.2361 8.77341 13.7685 8.92745 13.1389C9.1359 12.2685 9.29457 11.5092 9.40333 10.8611C9.43955 10.6666 9.45767 10.4676 9.45767 10.2638C9.45767 9.42126 9.02715 8.99994 8.16618 8.99994C7.65857 8.99994 7.22355 9.15272 6.86099 9.45827C6.50756 9.7639 6.25376 10.2315 6.09972 10.8611C5.93655 11.4815 5.77339 12.2407 5.61029 13.1389C5.574 13.324 5.55588 13.5185 5.55588 13.7222C5.55588 14.5741 5.99097 15 6.86099 15Z" fill="white"/>
<path d="M13.2721 17C13.1751 17 13.1001 16.9667 13.0472 16.9C13.0031 16.8238 12.9899 16.7381 13.0076 16.6429L14.8325 7.35715C14.8501 7.25238 14.8986 7.16666 14.978 7.09996C15.0573 7.03335 15.141 7 15.2292 7H18.7469C19.7254 7 20.51 7.21904 21.1007 7.65711C21.7003 8.09527 22 8.72855 22 9.55712C22 9.79519 21.9736 10.0429 21.9206 10.3C21.7003 11.3952 21.2551 12.2048 20.585 12.7286C19.9238 13.2524 19.0157 13.5143 17.8608 13.5143H16.0756L15.4673 16.6429C15.4496 16.7476 15.4011 16.8333 15.3218 16.9C15.2425 16.9667 15.1587 17 15.0706 17H13.2721ZM17.9534 11.5429C18.3236 11.5429 18.6454 11.4333 18.9187 11.2143C19.2009 10.9952 19.386 10.6809 19.4742 10.2714C19.5006 10.1095 19.5139 9.96665 19.5139 9.84285C19.5139 9.56664 19.4389 9.35712 19.289 9.21429C19.1391 9.06187 18.8835 8.98573 18.522 8.98573H16.9351L16.4326 11.5429H17.9534Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

5
ui/imports/assets/icons/tiny/network/Network=Unknown.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="#EEF2F5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.167 9.94863C13.9336 9.5226 14.0558 8.99967 14.309 8.58507C14.8079 7.76799 14.8079 6.74048 14.309 5.9234C13.8452 5.16387 13.0195 4.70056 12.1295 4.70056H11.8765C10.9865 4.70056 10.1608 5.16387 9.69698 5.9234C9.19806 6.74048 9.19806 7.76799 9.69698 8.58507C9.96082 9.01714 10.0919 9.56352 9.84598 10.006L8.29044 12.8051C8.10585 13.1373 7.71858 13.2881 7.33857 13.2881H7.0855C6.19556 13.2881 5.36981 13.7514 4.90602 14.511C4.4071 15.3281 4.4071 16.3556 4.90602 17.1726C5.36981 17.9322 6.19556 18.3955 7.0855 18.3955H7.33857C8.22851 18.3955 9.05426 17.9322 9.51805 17.1726C9.63209 16.9859 9.72006 16.7881 9.78197 16.5844C9.79369 16.5458 9.82974 16.5198 9.87004 16.5198H14.1715C14.1913 16.5198 14.2089 16.5328 14.2144 16.5518C14.2766 16.767 14.3678 16.9759 14.4879 17.1726C14.9517 17.9322 15.7775 18.3955 16.6674 18.3955H16.9205C17.8104 18.3955 18.6362 17.9322 19.1 17.1726C19.5989 16.3556 19.5989 15.3281 19.1 14.511C18.6362 13.7514 17.8104 13.2881 16.9205 13.2881H16.6674C16.294 13.2881 15.9143 13.1377 15.7348 12.8102L14.167 9.94863ZM10.9982 10.2589C11.169 9.95142 11.5247 9.80791 11.8765 9.80791H12.1295C12.5036 9.80791 12.884 9.95854 13.0637 10.2866L14.6303 13.1457C14.864 13.5723 14.7414 14.0959 14.4879 14.511C14.2027 14.9781 13.7557 15.3898 13.2085 15.3898H9.87004C9.8594 15.3898 9.85056 15.3819 9.84861 15.3715C9.79251 15.0718 9.68232 14.78 9.51805 14.511C9.26801 14.1015 9.15017 13.5843 9.38323 13.1649L10.9982 10.2589ZM10.9747 7.25423C10.9747 7.82212 11.4351 8.28248 12.003 8.28248C12.2757 8.28248 12.5372 8.17415 12.7301 7.98132C12.9229 7.78848 13.0312 7.52694 13.0312 7.25423C13.0312 6.68635 12.5709 6.22598 12.003 6.22598C11.4351 6.22598 10.9747 6.68635 10.9747 7.25423ZM7.21204 16.8701C6.64415 16.8701 6.18379 16.4097 6.18379 15.8418C6.18379 15.2739 6.64415 14.8136 7.21204 14.8136C7.77992 14.8136 8.24028 15.2739 8.24028 15.8418C8.24028 16.1145 8.13195 16.3761 7.93912 16.5689C7.74628 16.7617 7.48474 16.8701 7.21204 16.8701ZM17.521 16.5689C17.3282 16.7617 17.0667 16.8701 16.794 16.8701C16.2261 16.8701 15.7657 16.4097 15.7657 15.8418C15.7657 15.2739 16.2261 14.8136 16.794 14.8136C17.3618 14.8136 17.8222 15.2739 17.8222 15.8418C17.8222 16.1145 17.7139 16.3761 17.521 16.5689Z" fill="#939BA1"/>
<path d="M12 23C5.92487 23 1 18.0751 1 12H-1C-1 19.1797 4.8203 25 12 25V23ZM23 12C23 18.0751 18.0751 23 12 23V25C19.1797 25 25 19.1797 25 12H23ZM12 1C18.0751 1 23 5.92487 23 12H25C25 4.8203 19.1797 -1 12 -1V1ZM12 -1C4.8203 -1 -1 4.8203 -1 12H1C1 5.92487 5.92487 1 12 1V-1Z" fill="black" fill-opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
ui/imports/assets/png/network/Network=Arbitrum.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
ui/imports/assets/png/network/Network=Aztec.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
ui/imports/assets/png/network/Network=Ethereum.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.4 KiB

BIN
ui/imports/assets/png/network/Network=Hermez.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.4 KiB

BIN
ui/imports/assets/png/network/Network=Loopring.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

BIN
ui/imports/assets/png/network/Network=Optimism.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

BIN
ui/imports/assets/png/network/Network=Polygon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.2 KiB

BIN
ui/imports/assets/png/network/Network=Tetnet.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 KiB

BIN
ui/imports/assets/png/network/Network=Unknown.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
ui/imports/assets/png/network/Network=xDAI.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
ui/imports/assets/png/network/Network=zkSync.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.8 KiB