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

Updates the styling of confirm send ether and token screens. (#3235)

Browse Source
This commit is contained in:
Dan J Miller 2018-02-13 03:21:05 -03:30 committed by Alexander Tseung
parent e4c83466be
commit 35c762da47
3 changed files with 20 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/app/components/pending-tx/confirm-send-ether.js
View File

@ -213,17 +213,15 @@ ConfirmSendEther.prototype.render = function () {
this.inputs = [] this.inputs = []
return ( return (
h('div.confirm-screen-container.confirm-send-ether', { h('div.confirm-screen-container.confirm-send-ether', [
style: { minWidth: '355px' },
}, [
// Main Send token Card // Main Send token Card
h('div.confirm-screen-wrapper.flex-column.flex-grow', [ h('div.page-container', [
h('h3.flex-center.confirm-screen-header', [ h('div.page-container__header', [
h('button.btn-clear.confirm-screen-back-button', { h('button.confirm-screen-back-button', {
onClick: () => editTransaction(txMeta), onClick: () => editTransaction(txMeta),
}, 'EDIT'), }, 'Edit'),
h('div.confirm-screen-title', 'Confirm Transaction'), h('div.page-container__title', 'Confirm'),
h('div.confirm-screen-header-tip'), h('div.page-container__subtitle', `Please review your transaction.`),
]), ]),
h('div.flex-row.flex-center.confirm-screen-identicons', [ h('div.flex-row.flex-center.confirm-screen-identicons', [
h('div.confirm-screen-account-wrapper', [ h('div.confirm-screen-account-wrapper', [

16
ui/app/components/pending-tx/confirm-send-token.js
View File

@ -308,17 +308,15 @@ ConfirmSendToken.prototype.render = function () {
this.inputs = [] this.inputs = []
return ( return (
h('div.confirm-screen-container.confirm-send-token', { h('div.confirm-screen-container.confirm-send-token', [
style: { minWidth: '355px' },
}, [
// Main Send token Card // Main Send token Card
h('div.confirm-screen-wrapper.flex-column.flex-grow', [ h('div.page-container', [
h('h3.flex-center.confirm-screen-header', [ h('div.page-container__header', [
h('button.btn-clear.confirm-screen-back-button', { h('button.confirm-screen-back-button', {
onClick: () => editTransaction(txMeta), onClick: () => editTransaction(txMeta),
}, 'EDIT'), }, 'Edit'),
h('div.confirm-screen-title', 'Confirm Transaction'), h('div.page-container__title', 'Confirm'),
h('div.confirm-screen-header-tip'), h('div.page-container__subtitle', `Please review your transaction.`),
]), ]),
h('div.flex-row.flex-center.confirm-screen-identicons', [ h('div.flex-row.flex-center.confirm-screen-identicons', [
h('div.confirm-screen-account-wrapper', [ h('div.confirm-screen-account-wrapper', [

14
ui/app/css/itcss/components/confirm.scss
View File

@ -103,15 +103,13 @@
} }
.confirm-screen-back-button { .confirm-screen-back-button {
background: transparent; color: $curious-blue;
left: 24px; font-family: Roboto;
font-size: 1rem;
position: absolute; position: absolute;
padding: 6px 12px; top: 38px;
font-size: .7rem; right: 38px;
background: none;
@media screen and (max-width: $break-small) {
margin-right: 12px;
}
} }
.confirm-screen-account-wrapper { .confirm-screen-account-wrapper {