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

refactor tx detail list item to use flexbox

Browse source
This commit is contained in:
Marty Alcala 2016-11-01 16:47:44 -04:00
commit d83114f292
2 changed files with 84 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/sass/views/walletDetails.scss
View file

@ -14,10 +14,13 @@
}
&__tx-time {
color: $light-gray;
font-size: 14px;
}
&__tx-title {
padding-top: 10px;
//padding-top: 10px;
flex-grow: 1;
color: $dark-gray;
overflow: hidden;
}
&__tx-icon {
float: left;
@ -26,6 +29,31 @@
&__tx-message {
margin-right: 1rem;
}
&__list {
}
&__item {
display: flex;
align-items: center;
background: #fff;
padding-left: 1rem;
}
&__tx-content {
display: flex;
align-items: center;
flex-grow: 1;
padding: 1rem 0;
padding-right: 1rem;
border-bottom: 1px solid rgb(245, 245, 245);
overflow: hidden;
}
&__tx-amount {
white-space: nowrap;
}
}
#walletDetails {