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

Adds fee-summary bar, adds amount directive, adds support for fee-summary overlapping with content on scrollable small screens

Browse source
This commit is contained in:
Sam Cheng Hung 2018-07-26 14:29:53 +08:00
commit 2492a405a1
9 changed files with 154 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/sass/components/fee-summary.scss Normal file
View file

@ -0,0 +1,33 @@
.fee-summary {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
padding: 5px 12px 15px;
box-sizing: border-box;
background-color: #F2F2F2;
&:before {
content: '';
position: absolute;
left: 0;
top: -15px;
width: 100%;
height: 15px;
background: linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 100%);
}
.fee-fiat {
&.positive {
color: #70955F;
}
&.negative {
color: #C24633;
}
}
.fee-crypto {
color: #BCBCBC;
}
}