BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added new images styled icons and list item rows

This commit is contained in:
Jamal Jackson 2016-09-21 15:21:18 -04:00
parent 28f0473275
commit be4fe6bb62
4 changed files with 67 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/img/item-ico-addwallet.svg Normal file
View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="23px" height="24px" viewBox="0 0 23 24" 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>users-24px-outline_add-29</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Wallet/Icon/Join" transform="translate(-13.000000, -13.000000)" stroke="#FFFFFF">
<g id="users-24px-outline_add-29" transform="translate(14.000000, 14.000000)">
<g id="Group">
<path d="M11,12 L11,12 C8.2,12 6,9.8 6,7 L6,5 C6,2.2 8.2,0 11,0 L11,0 C13.8,0 16,2.2 16,5 L16,7 C16,9.8 13.8,12 11,12 L11,12 Z" id="Shape"></path>
<path d="M11,16 L6,16 C2.7,16 0,18.7 0,22 L0,22 L22,22 L22,22" id="Shape"></path>
<path d="M19,12 L19,18" id="Shape"></path>
<path d="M16,15 L22,15" id="Shape"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

19
public/img/item-ico-import.svg Normal file
View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="51px" height="51px" viewBox="0 0 51 51" 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>Group</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Wallet/Icon/Import" transform="translate(0.000000, -1.000000)">
<g id="arrows-24px-outline-2_square-download" transform="translate(-1.000000, 0.000000)">
<g id="Group" transform="translate(0.500000, 0.500000)">
<ellipse id="Oval-87" fill="#647CE8" cx="25.6597034" cy="25.694296" rx="25.1597034" ry="25.194296"></ellipse>
<path d="M16,29 L16,32 C16,33.6568542 17.343312,35 18.9942021,35 L33.0057979,35 C34.6594501,35 36,33.6534829 36,32 L36,29" id="Shape" stroke="#FFFFFF"></path>
<path d="M26,15 L26,30" id="Shape" stroke="#FFFFFF"></path>
<polyline id="Shape" stroke="#FFFFFF" points="20 24 26 30 32 24"></polyline>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

20
public/views/add.html
View File

@ -7,22 +7,34 @@
<ion-content>
<ion-list>
<a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.create-personal">
<a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.create-personal">
<i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" class="bg"/>
</i>
<h2 translate>New Personal Wallet</h2>
<i class="icon nav-item-arrow-right"></i>
</a>
<a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.create-shared">
<a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.create-shared">
<i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" class="bg"/>
</i>
<h2 translate>Create Shared Wallet</h2>
<i class="icon nav-item-arrow-right"></i>
</a>
<a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.join">
<a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.join">
<i class="icon big-icon-svg">
<img src="img/item-ico-addwallet.svg" class="bg join"/>
</i>
<h2 translate>Join shared wallet</h2>
<i class="icon nav-item-arrow-right"></i>
</a>
<a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.import">
<a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.import">
<i class="icon big-icon-svg">
<img src="img/item-ico-import.svg" class="bg"/>
</i>
<h2 translate>Import wallet</h2>
<i class="icon nav-item-arrow-right"></i>
</a>

15
src/sass/views/add.scss
View File

@ -1,13 +1,24 @@
#view-add {
.item {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
padding-top:2rem;
padding-bottom: 2rem;
border:none;
padding-left:90px;
&:first-child {
margin-top: 25px;
}
}
.bg{
background-color:rgb(100,124,232);
height: 50px;
width: 50px;
padding:4px;
&.join{
padding:10px;
}
}
}