Fixes layouts and improves appearance of balance page.

This commit is contained in:
Andy Phillipson 2016-12-13 12:30:28 -05:00
commit 2d04eb4335
9 changed files with 111 additions and 56 deletions

View file

@ -111,10 +111,10 @@
font-weight: 300;
color: $light-gray;
}
&__icon {
width: 15px;
&__status-icon {
font-size: 18px;
position: relative;
top: 3px;
top: 1px;
color: $light-gray;
}
}

View file

@ -4,17 +4,28 @@
font-size: 16px;
&--available {
&--total {
color: $mid-gray;
font-weight: bold;
}
&--available {
color: #09C286;;
font-weight: bold;
}
&--confirming {
color: #09C286;
color: #FF9900;
font-weight: bold;
}
&--locked {
color: $dark-gray;
color: #FF9900;
font-weight: bold;
}
&--alternative {
color: $light-gray;
}
}
@ -74,18 +85,29 @@
&__heading {
font-size: 17px;
color: #445;
margin: 1rem 1rem 0 1rem;
margin: 1rem 1rem 1rem 1rem;
}
&__description {
font-size: 15px;
font-size: 12.5px;
color: #667;
margin: 1rem;
margin: 0.7rem;
line-height: 16px;
}
}
#wallet-balance {
.bar-header {
border: 0;
background: none;
.title, .button {
color: #fff;
}
.button {
background-color: transparent;
}
}
ion-content {
background: #F5F5F5;

View file

@ -130,7 +130,7 @@
ion-content {
&.collapsible {
margin-top: 180px;
margin-top: 210px;
}
padding-top: 0;
@ -179,8 +179,7 @@
}
&__balance {
transform: scale3d(1, 1, 1);
margin-top: 5px;
transform: scale3d(1, 1, 1) translateY(45px);
}
&__updating {
@ -196,14 +195,11 @@
line-height: 100%;
}
&__top {
margin-top: 45px;
}
&__button-balance {
background-color: transparent;
border: 1px solid rgba(255,255,255,0.25);
}
}
.item.item-footer {
font-weight: lighter;