m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Add high-level css layout for Send Token

Browse Source
This commit is contained in:
sdtsui 2017-07-29 18:07:58 -07:00
parent 2a5f2c7f40
commit fec3e64d63
1 changed files with 78 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
ui/app/send.js
View File

@ -143,7 +143,17 @@ SendTransactionScreen.prototype.render = function () {
]), ]),
// 'amount' and send button // 'amount' and send button
h('section.flex-row.flex-center', [ h('section.flex-column.flex-center', [
h('div.flex-row.flex-center', {
style: {
width: '100%',
justifyContent: 'space-between',
}
},[
h('span', { style: {} }, ['Amount']),
h('span', { style: {} }, ['Token <> USD']),
]),
h('input.large-input', { h('input.large-input', {
name: 'amount', name: 'amount',
@ -157,43 +167,88 @@ SendTransactionScreen.prototype.render = function () {
}, },
}), }),
h('button.primary', { ]),
onClick: this.onSubmit.bind(this),
h('section.flex-column.flex-center', [
h('div.flex-row.flex-center', {
style: { style: {
textTransform: 'uppercase', width: '100%',
justifyContent: 'space-between',
}
},[
h('span', { style: {} }, ['Gas Fee:']),
h('span', { style: {} }, ['What\'s this?']),
]),
h('input.large-input', {
name: 'Gas Fee',
placeholder: '0',
type: 'number',
style: {
marginRight: '6px',
}, },
}, 'Next'), // dataset: {
// persistentFormId: 'tx-amount',
// },
}),
]), ]),
// //
// Optional Fields // Optional Fields
// //
h('h3.flex-center.text-transform-uppercase', {
style: {
background: '#EBEBEB',
color: '#AEAEAE',
marginTop: '16px',
marginBottom: '16px',
},
}, [
'Transaction Data (optional)',
]),
// 'data' field
h('section.flex-column.flex-center', [ h('section.flex-column.flex-center', [
h('input.large-input', {
name: 'txData', h('div.flex-row.flex-center', {
placeholder: '0x01234',
style: { style: {
width: '100%', width: '100%',
resize: 'none', justifyContent: 'flex-start',
}, }
dataset: { },[
persistentFormId: 'tx-data', h('span', { style: {} }, ['Transaction Memo (optional)']),
h('span', { style: {} }, ['What\'s this?']),
]),
h('input.large-input', {
name: 'memo',
placeholder: '',
type: 'string',
style: {
marginRight: '6px',
}, },
}), }),
]), ]),
// h('h3.flex-center.text-transform-uppercase', {
// style: {
// background: '#EBEBEB',
// color: '#AEAEAE',
// marginTop: '16px',
// marginBottom: '16px',
// },
// }, [
// 'Transaction Data (optional)',
// ]),
// // 'data' field
// h('section.flex-column.flex-center', [
// h('input.large-input', {
// name: 'txData',
// placeholder: '0x01234',
// style: {
// width: '100%',
// resize: 'none',
// },
// dataset: {
// persistentFormId: 'tx-data',
// },
// }),
// ]),
]) ])
) )
} }