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

ui - redesign - remove footer

Browse Source
This commit is contained in:
kumavis 2016-05-13 14:56:29 -07:00
parent 3d696420b7
commit e0280b0db8
1 changed files with 31 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
ui/app/app.js
View File

@ -72,19 +72,28 @@ App.prototype.render = function() {
h(LoadingIndicator), h(LoadingIndicator),
// top row // app bar
h('.app-header.flex-row.flex-space-between', { h('.app-header.flex-row.flex-space-between', {
style: { style: {
alignItems: 'center', alignItems: 'center',
} }
}, [ }, [
// mini logo
h('img', { h('img', {
height: 24, height: 24,
width: 24, width: 24,
src: '/images/icon-128.png', src: '/images/icon-128.png',
}), }),
// metamask name
h('h1', 'MetaMask'), h('h1', 'MetaMask'),
h('i.fa.fa-bars'),
// hamburger
h('i.fa.fa-bars.cursor-pointer.color-orange', {
onClick: (event) => state.dispatch(actions.showConfigPage()),
}),
]), ]),
// panel content // panel content
@ -104,25 +113,25 @@ App.prototype.render = function() {
]), ]),
// footer // footer
h('.app-footer.flex-row.flex-space-around', { // h('.app-footer.flex-row.flex-space-around', {
style: { // style: {
display: shouldHaveFooter ? 'flex' : 'none', // display: shouldHaveFooter ? 'flex' : 'none',
alignItems: 'center', // alignItems: 'center',
height: '56px', // height: '56px',
} // }
}, [ // }, [
// settings icon // // settings icon
h('i.fa.fa-cog.fa-lg' + (view === 'config' ? '.active' : '.cursor-pointer'), { // h('i.fa.fa-cog.fa-lg' + (view === 'config' ? '.active' : '.cursor-pointer'), {
style: { // style: {
opacity: state.isUnlocked ? '1.0' : '0.0', // opacity: state.isUnlocked ? '1.0' : '0.0',
transition: 'opacity 200ms ease-in', // transition: 'opacity 200ms ease-in',
//transform: `translateX(${state.isUnlocked ? '0px' : '-100px'})`, // //transform: `translateX(${state.isUnlocked ? '0px' : '-100px'})`,
}, // },
onClick: function(ev) { // onClick: function(ev) {
state.dispatch(actions.showConfigPage()) // state.dispatch(actions.showConfigPage())
}, // },
}), // }),
// // toggle // // toggle
// onOffToggle({ // onOffToggle({
@ -137,7 +146,8 @@ App.prototype.render = function() {
// }, // },
// onClick() { state.dispatch(actions.showInfoPage()) } // onClick() { state.dispatch(actions.showInfoPage()) }
// }), // }),
]), // ]),
]) ])
) )
} }