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

uiux: ajdust app tab icons to have the correct size 

Closes #1843
This commit is contained in:
Pascal Precht 2021-04-20 18:44:26 +02:00 committed by Iuri Matias
parent b433b23245
commit bda1582ea0
7 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,6 +22,8 @@ Column {
id: walletBtn id: walletBtn
enabled: isExperimental === "1" || appSettings.walletEnabled enabled: isExperimental === "1" || appSettings.walletEnabled
icon.name: "wallet" icon.name: "wallet"
icon.width: 20
icon.height: 20
section: Constants.wallet section: Constants.wallet
} }
@ -29,6 +31,8 @@ Column {
id: browserBtn id: browserBtn
enabled: isExperimental === "1" || appSettings.browserEnabled enabled: isExperimental === "1" || appSettings.browserEnabled
icon.name: "compass" icon.name: "compass"
icon.width: 22
icon.height: 22
section: Constants.browser section: Constants.browser
} }
@ -36,12 +40,16 @@ Column {
id: timelineBtn id: timelineBtn
enabled: isExperimental === "1" || appSettings.timelineEnabled enabled: isExperimental === "1" || appSettings.timelineEnabled
icon.name: "timeline" icon.name: "timeline"
icon.width: 22
icon.height: 22
section: Constants.timeline section: Constants.timeline
} }
StatusIconTabButton { StatusIconTabButton {
id: profileBtn id: profileBtn
icon.name: "profile" icon.name: "profile"
icon.width: 22
icon.height: 22
section: Constants.profile section: Constants.profile
Rectangle { Rectangle {

2
ui/app/AppMain.qml
View File

@ -411,6 +411,8 @@ RowLayout {
StatusIconTabButton { StatusIconTabButton {
id: chatBtn id: chatBtn
icon.name: "message" icon.name: "message"
icon.width: 20
icon.height: 20
section: Constants.chat section: Constants.chat
doNotHandleClick: true doNotHandleClick: true
onClicked: { onClicked: {

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

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" style=""><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none"/> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 20.5C16.2467 20.5 20.5 16.2467 20.5 11C20.5 5.75329 16.2467 1.5 11 1.5C5.75329 1.5 1.5 5.75329 1.5 11C1.5 16.2467 5.75329 20.5 11 20.5ZM11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z" fill="#939BA1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.24014 15.1491C6.1427 15.5194 6.48062 15.8573 6.85093 15.7599L13.6218 13.9781C13.7961 13.9322 13.9322 13.7961 13.9781 13.6218L15.7599 6.85093C15.8573 6.48062 15.5194 6.1427 15.1491 6.24014L8.37823 8.02194C8.20394 8.06781 8.06781 8.20394 8.02194 8.37823L6.24014 15.1491ZM8.25791 13.3756C8.19944 13.5978 8.4022 13.8006 8.62438 13.7421L12.3938 12.7501C12.5681 12.7043 12.7043 12.5681 12.7501 12.3938L13.7421 8.62438C13.8006 8.4022 13.5978 8.19944 13.3756 8.25791L9.60616 9.24988C9.43187 9.29574 9.29574 9.43187 9.24987 9.60617L8.25791 13.3756Z" fill="#939BA1"/>
<g class="currentLayer" style=""><title>Layer 1</title><path fill-rule="evenodd" clip-rule="evenodd" d="M9.981384403012125,8.34997267450389 L16.40271282511512,6.487633228553849 C16.880807862977278,6.348977392913064 17.322779601319095,6.797637159124946 17.186271553658027,7.282900419110423 L15.351461434863605,13.801062748129752 C15.110892934900093,14.656001996374176 14.452688393113727,15.324128334392729 13.610445146402693,15.568323171588805 L7.189078699773887,17.430791276567927 C6.711021686437542,17.569357050888357 6.269024598411853,17.12072301648229 6.405621369966476,16.635421158788088 L8.240304740341529,10.117297427477483 C8.480923939672788,9.262409642844693 9.13919185566884,8.594218975311597 9.981384403012125,8.34997267450389 zM10.503587890814902,10.205557521427172 L13.63452734608292,9.297585021395484 C14.112622383945073,9.15894205165761 14.554594122286892,9.607550354257858 14.417959326206454,10.09285221195206 L13.523495730715144,13.270987548315302 C13.46329023151458,13.484690195619137 13.298770783172833,13.651689615366505 13.088241658599916,13.712802654180063 L9.9573022033319,14.620749422405932 C9.479207165469745,14.759443855755443 9.037260776811802,14.310809821349375 9.173844873524487,13.825507963655175 L10.068333818699674,10.647372627291933 C10.128539317900238,10.433669979988098 10.293058766241986,10.26667056024073 10.503587890814902,10.205557521427172 z" fill="#939BA1" id="svg_1" class=""/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.91836643218994,11.918367147445679 C23.91836643218994,18.500642955636977 18.564000922679902,23.836734294891357 11.95918321609497,23.836734294891357 C5.35430571359396,23.836734294891357 0,18.500642955636977 0,11.918367147445679 C0,5.336031747418642 5.35430571359396,0 11.95918321609497,0 C18.564000922679902,0 23.91836643218994,5.336031747418642 23.91836643218994,11.918367147445679 zM22.124488949775696,11.918367147445679 C22.124488949775696,17.51332542114258 17.573302185058594,22.048979222774506 11.95918321609497,22.048979222774506 C6.345040328764916,22.048979222774506 1.7938774824142456,17.51332542114258 1.7938774824142456,11.918367147445679 C1.7938774824142456,6.323385037014484 6.345040328764916,1.7877550721168518 11.95918321609497,1.7877550721168518 C17.573302185058594,1.7877550721168518 22.124488949775696,6.323385037014484 22.124488949775696,11.918367147445679 z" fill="#939BA1" id="svg_2" class=""/></g></svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

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

@ -1,3 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="20" height="20" viewBox="0 0 20 20" 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"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 16.6667V10C18.5 5.30558 14.6944 1.5 10 1.5C5.30558 1.5 1.5 5.30558 1.5 10C1.5 14.6944 5.30558 18.5 10 18.5H16.6667C17.6792 18.5 18.5 17.6792 18.5 16.6667ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20H16.6667C18.5076 20 20 18.5076 20 16.6667V10C20 4.47715 15.5228 0 10 0Z" fill="#939BA1"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 459 B

After

Width:  |  Height:  |  Size: 459 B

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

@ -1,5 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 9C15.75 11.0711 14.0711 12.75 12 12.75C9.92893 12.75 8.25 11.0711 8.25 9C8.25 6.92893 9.92893 5.25 12 5.25C14.0711 5.25 15.75 6.92893 15.75 9ZM14.25 9C14.25 10.2426 13.2426 11.25 12 11.25C10.7574 11.25 9.75 10.2426 9.75 9C9.75 7.75736 10.7574 6.75 12 6.75C13.2426 6.75 14.25 7.75736 14.25 9Z" fill="#939BA1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.75 8C14.75 10.0711 13.0711 11.75 11 11.75C8.92893 11.75 7.25 10.0711 7.25 8C7.25 5.92893 8.92893 4.25 11 4.25C13.0711 4.25 14.75 5.92893 14.75 8ZM13.25 8C13.25 9.24264 12.2426 10.25 11 10.25C9.75736 10.25 8.75 9.24264 8.75 8C8.75 6.75736 9.75736 5.75 11 5.75C12.2426 5.75 13.25 6.75736 13.25 8Z" fill="#939BA1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z" fill="#939BA1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM20.5 11C20.5 16.2467 16.2467 20.5 11 20.5C5.75329 20.5 1.5 16.2467 1.5 11C1.5 5.75329 5.75329 1.5 11 1.5C16.2467 1.5 20.5 5.75329 20.5 11Z" fill="#939BA1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.99199 16.3857L6.98744 16.39C6.68505 16.6731 6.6694 17.1477 6.95248 17.4501C7.23544 17.7523 7.70978 17.7681 8.01218 17.4854L8.01129 17.4862L8.02005 17.4783C8.02921 17.4702 8.04496 17.4563 8.06705 17.4376C8.11126 17.4002 8.18068 17.3436 8.27353 17.274C8.45962 17.1346 8.73733 16.9451 9.09253 16.7549C9.80556 16.3731 10.8085 16 12 16C13.1915 16 14.1944 16.3731 14.9075 16.7549C15.2627 16.9451 15.5404 17.1346 15.7265 17.274C15.8193 17.3436 15.8887 17.4002 15.933 17.4376C15.955 17.4563 15.9708 17.4702 15.98 17.4783L15.9887 17.4862C16.2911 17.7685 16.7647 17.7522 17.0475 17.4501C17.3306 17.1477 17.3149 16.6731 17.0126 16.39L17.0117 16.3892L17.0106 16.3882L17.008 16.3857L17.0008 16.3791L16.9782 16.3588C16.9597 16.3422 16.9341 16.3198 16.9016 16.2923C16.8367 16.2374 16.7442 16.1623 16.6259 16.0736C16.3897 15.8967 16.0482 15.6642 15.6156 15.4326C14.753 14.9707 13.5059 14.5 12 14.5C10.4941 14.5 9.24704 14.9707 8.38442 15.4326C7.95179 15.6642 7.61027 15.8967 7.37408 16.0736C7.25578 16.1623 7.1633 16.2374 7.0984 16.2923C7.06593 16.3198 7.04031 16.3422 7.02176 16.3588L6.99924 16.3791L6.99199 16.3857L6.98937 16.3882L6.98832 16.3892L6.99199 16.3857Z" fill="#939BA1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.99199 15.3857L5.98744 15.39C5.68505 15.6731 5.6694 16.1477 5.95248 16.4501C6.23544 16.7523 6.70978 16.7681 7.01218 16.4854L7.01129 16.4862L7.02005 16.4783C7.02921 16.4702 7.04496 16.4563 7.06705 16.4376C7.11126 16.4002 7.18068 16.3436 7.27353 16.274C7.45962 16.1346 7.73733 15.9451 8.09253 15.7549C8.80556 15.3731 9.80846 15 11 15C12.1915 15 13.1944 15.3731 13.9075 15.7549C14.2627 15.9451 14.5404 16.1346 14.7265 16.274C14.8193 16.3436 14.8887 16.4002 14.933 16.4376C14.955 16.4563 14.9708 16.4702 14.98 16.4783L14.9887 16.4862C15.2911 16.7685 15.7647 16.7522 16.0475 16.4501C16.3306 16.1477 16.3149 15.6731 16.0126 15.39L16.0117 15.3892L16.0106 15.3882L16.008 15.3857L16.0008 15.3791L15.9782 15.3588C15.9597 15.3422 15.9341 15.3198 15.9016 15.2923C15.8367 15.2374 15.7442 15.1623 15.6259 15.0736C15.3897 14.8967 15.0482 14.6642 14.6156 14.4326C13.753 13.9707 12.5059 13.5 11 13.5C9.49414 13.5 8.24704 13.9707 7.38442 14.4326C6.95179 14.6642 6.61027 14.8967 6.37408 15.0736C6.25578 15.1623 6.1633 15.2374 6.0984 15.2923C6.06593 15.3198 6.04031 15.3422 6.02176 15.3588L5.99924 15.3791L5.99199 15.3857L5.98937 15.3882L5.98832 15.3892L5.99199 15.3857Z" fill="#939BA1"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

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

@ -1,4 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM10 18.5C11.3807 18.5 12.5 17.3807 12.5 16C12.5 14.6193 11.3807 13.5 10 13.5C8.61929 13.5 7.5 14.6193 7.5 16C7.5 17.3807 8.61929 18.5 10 18.5ZM18.5 10C18.5 11.8106 17.9339 13.4889 16.9691 14.8677C16.7804 15.1373 16.3583 14.8961 16.4121 14.5715C16.4699 14.2229 16.5 13.865 16.5 13.5C16.5 9.91015 13.5899 7 10 7C6.41015 7 3.5 9.91015 3.5 13.5C3.5 13.865 3.53008 14.2229 3.5879 14.5715C3.64173 14.896 3.21955 15.1372 3.03094 14.8677C2.06609 13.4889 1.5 11.8106 1.5 10C1.5 5.30558 5.30558 1.5 10 1.5C14.6944 1.5 18.5 5.30558 18.5 10ZM14 16C14 16.1504 14.1963 16.2238 14.2745 16.0954C14.7349 15.3388 15 14.4504 15 13.5C15 10.7386 12.7614 8.5 10 8.5C7.23858 8.5 5 10.7386 5 13.5C5 14.4504 5.26515 15.3388 5.7255 16.0954C5.80367 16.2238 6 16.1504 6 16C6 13.7909 7.79086 12 10 12C12.2091 12 14 13.7909 14 16Z" fill="#939BA1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22ZM11 20.5C9.35708 20.5 8.02523 19.1682 8.02523 17.5252C8.02523 15.8823 9.35708 14.5505 11 14.5505C12.6429 14.5505 13.9748 15.8823 13.9748 17.5252C13.9748 19.1682 12.6429 20.5 11 20.5ZM6.11258 17.6751C6.22604 17.8718 6.52523 17.7523 6.52523 17.5252C6.52523 15.0539 8.52865 13.0505 11 13.0505C13.4713 13.0505 15.4748 15.0539 15.4748 17.5252C15.4748 17.7523 15.774 17.8718 15.8874 17.6751C16.3651 16.847 16.6385 15.8862 16.6385 14.8615C16.6385 11.7475 14.114 9.22308 11 9.22308C7.88597 9.22308 5.36154 11.7475 5.36154 14.8615C5.36154 15.8862 5.63487 16.847 6.11258 17.6751ZM18.0483 15.9992C17.9783 16.4359 18.5498 16.784 18.8025 16.421C19.8726 14.8836 20.5 13.0151 20.5 11C20.5 5.75329 16.2467 1.5 11 1.5C5.75329 1.5 1.5 5.75329 1.5 11C1.5 13.0151 2.1274 14.8836 3.19751 16.421C3.45018 16.784 4.02165 16.4359 3.95171 15.9992C3.89237 15.6287 3.86154 15.2487 3.86154 14.8615C3.86154 10.9191 7.05754 7.72308 11 7.72308C14.9425 7.72308 18.1385 10.9191 18.1385 14.8615C18.1385 15.2487 18.1076 15.6287 18.0483 15.9992Z" fill="#939BA1"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="20" height="20" viewBox="0 0 20 20" 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 d="M4 3.25C3.58579 3.25 3.25 3.58579 3.25 4C3.25 4.41421 3.58579 4.75 4 4.75H16C16.4142 4.75 16.75 4.41421 16.75 4C16.75 3.58579 16.4142 3.25 16 3.25H4Z" 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"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0H4ZM4 1.5C2.61929 1.5 1.5 2.61929 1.5 4C1.5 5.38071 2.61929 6.5 4 6.5H16C17.3807 6.5 18.5 5.38071 18.5 4C18.5 2.61929 17.3807 1.5 16 1.5H4ZM18.5 16V8.16432C18.5 7.74484 17.996 7.49259 17.6122 7.66182C17.119 7.87926 16.5736 8 16 8H4C3.4264 8 2.881 7.87926 2.38782 7.66182C2.00399 7.49259 1.5 7.74484 1.5 8.16432V16C1.5 17.3807 2.61929 18.5 4 18.5H16C17.3807 18.5 18.5 17.3807 18.5 16Z" fill="#939BA1"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 850 B

After

Width:  |  Height:  |  Size: 847 B