Add fox logo back to left of menu

Re-centered metamask h1 manually.
2024-11-26 12:29:06 +01:00 · 2016-06-23 14:56:33 -07:00 · 2016-06-23 14:56:33 -07:00 · a106887a6f
commit a106887a6f
parent 4ebb9f631e
1 changed files with 29 additions and 8 deletions
--- a/ui/app/app.js
+++ b/ui/app/app.js
@ -109,17 +109,38 @@ App.prototype.renderAppBar = function () {
        },
      }, props.isUnlocked && [

-        h(NetworkIndicator, {
-          network: this.props.network,
-          onClick: (event) => {
-            event.preventDefault()
-            event.stopPropagation()
-            this.setState({ isNetworkMenuOpen: !isNetworkMenuOpen })
+        h('div', {
+          style: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
          },
-        }),
+        }, [
+
+          // mini logo
+          h('img', {
+            height: 24,
+            width: 24,
+            src: '/images/icon-128.png',
+          }),
+
+          h(NetworkIndicator, {
+            network: this.props.network,
+            onClick: (event) => {
+              event.preventDefault()
+              event.stopPropagation()
+              this.setState({ isNetworkMenuOpen: !isNetworkMenuOpen })
+            },
+          }),
+        ]),

        // metamask name
-        h('h1', 'MetaMask'),
+        h('h1', {
+          style: {
+            position: 'relative',
+            left: '3px',
+          },
+        }, 'MetaMask'),

        h('div', {
          style: {