Fixes layouts and improves appearance of balance page.
This commit is contained in:
parent
326ce26126
commit
2d04eb4335
9 changed files with 111 additions and 56 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue