mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-23 03:36:18 +02:00
Add rough layout for tx list items
This commit is contained in:
parent
ce06fbd36d
commit
caab0b61cc
@ -64,9 +64,69 @@ TxView.prototype.render = function () {
|
|||||||
|
|
||||||
contentDivider,
|
contentDivider,
|
||||||
|
|
||||||
|
this.renderTransactionListItem(),
|
||||||
|
|
||||||
|
contentDivider,
|
||||||
|
|
||||||
|
this.renderTransactionListItem(),
|
||||||
|
|
||||||
|
contentDivider,
|
||||||
|
|
||||||
])
|
])
|
||||||
// column
|
// column
|
||||||
// tab row
|
// tab row
|
||||||
// divider
|
// divider
|
||||||
// item
|
// item
|
||||||
}
|
}
|
||||||
|
|
||||||
|
TxView.prototype.renderTransactionListItem = function () {
|
||||||
|
return h('div.flex-column', {
|
||||||
|
style: {
|
||||||
|
alignItems: 'stretch',
|
||||||
|
margin: '0.6em 1.3em 0.6em 1.3em',
|
||||||
|
}
|
||||||
|
}, [
|
||||||
|
|
||||||
|
h('div', {
|
||||||
|
style: {
|
||||||
|
flexGrow: 1,
|
||||||
|
marginTop: '0.3em',
|
||||||
|
}
|
||||||
|
}, 'Jul 01, 2017'),
|
||||||
|
|
||||||
|
h('div.flex-row', {
|
||||||
|
style: {
|
||||||
|
alignItems: 'stretch',
|
||||||
|
}
|
||||||
|
}, [
|
||||||
|
|
||||||
|
h('div', {
|
||||||
|
style: {
|
||||||
|
flexGrow: 1,
|
||||||
|
}
|
||||||
|
}, 'icon'),
|
||||||
|
|
||||||
|
h('div', {
|
||||||
|
style: {
|
||||||
|
flexGrow: 3,
|
||||||
|
}
|
||||||
|
}, 'Hash'),
|
||||||
|
|
||||||
|
h('div', {
|
||||||
|
style: {
|
||||||
|
flexGrow: 5,
|
||||||
|
}
|
||||||
|
}, 'Status'),
|
||||||
|
|
||||||
|
h('div', {
|
||||||
|
style: {
|
||||||
|
flexGrow: 2,
|
||||||
|
}
|
||||||
|
}, 'Details'),
|
||||||
|
|
||||||
|
])
|
||||||
|
|
||||||
|
])
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user