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

updated add contact view for when user has empty address book

Browse source
This commit is contained in:
Jamal Jackson 2016-09-22 11:46:52 -04:00
commit e3bd63777c
5 changed files with 108 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/sass/views/address-book.scss Normal file
View file

@ -0,0 +1,66 @@
#view-address-book {
.scroll{
height:100%;
}
#add-contact{
img{
width: 6rem;
display: inline-block;
}
a{
text-decoration: none;
}
}
.list {
.item {
color: #444;
border-top: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
&:before {
display: block;
position: absolute;
width: 100%;
height: 1px;
background: rgba(221, 221, 221, 0.3);
top: 0;
right: 0;
content: '';
}
&.item-divider {
color: rgba(74, 74, 74, .8);
}
&.item-heading {
&:before {
top: 99%
}
}
&.item-icon-left{
padding-left:80px;
}
&:nth-child(2) {
&:before {
width: 0;
}
}
.item-note {
color: rgb(58, 58, 58);
}
.big-icon-svg {
padding: 0 7px;
> .bg {
border-radius: 50%;
width: 40px;
height: 40px;
box-shadow: none;
background-repeat: no-repeat;
background-clip: padding-box;
background-size: 103%;
&.green {
background: rgb(1, 209, 162);
}
}
}
}
}
}