anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

design(tabs): clean up tab icons, polish spacing and colors

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-04 15:49:12 -04:00
commit 09924ed272
12 changed files with 201 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

43
public/img/tab-icons/ico-receive-selected.svg
View file

@ -1,23 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="23px" height="22px" viewBox="0 0 23 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>shopping-24px-outline_bardcode-qr</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons/Tabs/QR-Code/Highlighted">
<g id="shopping-24px-outline_bardcode-qr" transform="translate(1.000000, 1.000000)">
<g id="Group">
<polygon id="Shape" stroke="#647CE8" stroke-width="1.7" fill="#D5DFFF" points="8.25 8.2173913 0 8.2173913 0 0 8.25 0 8.25 0"></polygon>
<polygon id="Shape" stroke="#647CE8" stroke-width="1.7" fill="#D3DFFF" points="20.1666667 8.2173913 11.9166667 8.2173913 11.9166667 0 11.9166667 0 20.1666667 0"></polygon>
<polygon id="Shape" stroke="#6277D9" stroke-width="1.7" fill="#D3DFFF" points="8.25 20.0869565 0 20.0869565 0 11.8695652 8.25 11.8695652 8.25 11.8695652"></polygon>
<polyline id="Shape" stroke="#6277D9" stroke-width="1.7" points="20.1666667 16.4347826 20.1666667 11.8695652 16.5 11.8695652 16.5 14.6086957 12.8333333 14.6086957 12.8333333 11.8695652"></polyline>
<polyline id="Shape" stroke="#6277D9" stroke-width="1.7" points="20.1666667 20.0869565 12.8333333 20.0869565 12.8333333 18.2608696"></polyline>
<polygon id="Shape" stroke="#6277D9" stroke-width="1.2" points="4.58333333 4.56521739 3.66666667 4.56521739 3.66666667 3.65217391 4.58333333 3.65217391"></polygon>
<polygon id="Shape" stroke="#6277D9" stroke-width="1.2" points="16.5 4.56521739 15.5833333 4.56521739 15.5833333 4.56521739 15.5833333 3.65217391 16.5 3.65217391"></polygon>
<polygon id="Shape" stroke="#6277D9" stroke-width="1.2" points="4.58333333 16.4347826 3.66666667 16.4347826 3.66666667 15.5217391 4.58333333 15.5217391"></polygon>
</g>
</g>
</g>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="QR_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
<style type="text/css">
.st0{fill:#D5DFFF;}
.st1{fill:#647ce8;}
</style>
<rect x="13.5" y="1.2" class="st0" width="7.3" height="7.3"/>
<rect x="1.2" y="13.5" class="st0" width="7.3" height="7.3"/>
<rect x="1.2" y="1.2" class="st0" width="7.3" height="7.3"/>
<path class="st1" d="M9.7,9.7H0V0h9.7V9.7z M1.2,8.5h7.3V1.2H1.2V8.5z"/>
<path class="st1" d="M22,9.7h-9.7V0H22V9.7z M13.5,8.5h7.3V1.2h-7.3V8.5z"/>
<path class="st1" d="M9.7,22H0v-9.7h9.7V22z M1.2,20.8h7.3v-7.3H1.2V20.8z"/>
<polygon class="st1" points="22,17.6 20.8,17.6 20.8,13.5 18.2,13.5 18.2,16.3 13.2,16.3 13.2,12.9 14.4,12.9 14.4,15.1 17,15.1
17,12.3 22,12.3 "/>
<polygon class="st1" points="21.4,22 13.2,22 13.2,19.5 14.4,19.5 14.4,20.8 21.4,20.8 "/>
<rect x="3.8" y="3.8" class="st1" width="2.2" height="2.2"/>
<rect x="16" y="3.8" class="st1" width="2.2" height="2.2"/>
<rect x="3.8" y="16" class="st1" width="2.2" height="2.2"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After