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

Beautified disclaimer

This commit is contained in:
Luis Iván Cuende 2016-12-13 23:38:55 -08:00
parent 9e3fa3cfba
commit 233094e19d
No known key found for this signature in database
GPG Key ID: DC59CF69F19801F5
3 changed files with 14 additions and 11 deletions

View File

@ -114,7 +114,6 @@ App.prototype.renderAppBar = function () {
alignItems: 'center', alignItems: 'center',
visibility: props.isUnlocked ? 'visible' : 'none', visibility: props.isUnlocked ? 'visible' : 'none',
background: props.isUnlocked ? 'white' : 'none', background: props.isUnlocked ? 'white' : 'none',
height: '36px',
position: 'relative', position: 'relative',
zIndex: 2, zIndex: 2,
}, },

View File

@ -112,9 +112,7 @@ button.btn-thin {
font-size: 13px; font-size: 13px;
} }
.app-header { .app-header {}
padding: 6px 8px;
}
.app-header h1 { .app-header h1 {
font-family: 'Montserrat Regular'; font-family: 'Montserrat Regular';

View File

@ -29,7 +29,8 @@ DisclaimerScreen.prototype.render = function () {
style: { style: {
background: '#EBEBEB', background: '#EBEBEB',
color: '#AEAEAE', color: '#AEAEAE',
marginBottom: 24, marginTop: 0,
marginBottom: 0,
width: '100%', width: '100%',
fontSize: '20px', fontSize: '20px',
textAlign: 'center', textAlign: 'center',
@ -42,8 +43,8 @@ DisclaimerScreen.prototype.render = function () {
h('style', ` h('style', `
.markdown { .markdown {
font-family: Times New Roman;
overflow-x: hidden; overflow-x: hidden;
font-weight: lighter;
} }
.markdown h1, .markdown h2, .markdown h3 { .markdown h1, .markdown h2, .markdown h3 {
margin: 10px 0; margin: 10px 0;
@ -75,10 +76,10 @@ DisclaimerScreen.prototype.render = function () {
} }
}, },
style: { style: {
background: 'rgb(235, 235, 235)', background: 'transparent',
height: '310px', height: '415px',
padding: '6px', padding: '0 5px',
width: '80%', width: '100%',
overflowY: 'scroll', overflowY: 'scroll',
}, },
}, [ }, [
@ -91,7 +92,12 @@ DisclaimerScreen.prototype.render = function () {
]), ]),
h('button', { h('button', {
style: { marginTop: '18px' }, style: {
width: '100%',
position: 'absolute',
bottom: 0,
left: 0,
},
disabled, disabled,
onClick: () => this.props.dispatch(actions.agreeToDisclaimer()), onClick: () => this.props.dispatch(actions.agreeToDisclaimer()),
}, disabled ? 'Scroll Down to Enable' : 'I Agree'), }, disabled ? 'Scroll Down to Enable' : 'I Agree'),