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

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

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

View File

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

View File

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

View File

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