Add loading view to notification.html (#6648)

6 years ago · a257a73172
parent b9d4d3d78e
commit a257a73172
2 changed files with 24 additions and 1 deletions
--- a/app/images/spinner.gif
+++ b/app/images/spinner.gif
--- a/app/notification.html
+++ b/app/notification.html
@ -1,16 +1,39 @@
 <!doctype html>
 <html style="height:600px;">
  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>MetaMask Notification</title>
    <style>
      body {
        overflow: hidden;
      }
+
+      #app-content {
+        display: flex;
+        flex-flow: column;
+      }
+
+      #loading__logo {
+        width: 10rem;
+        height: 10rem;
+        align-self: center;
+        margin: 10rem 0 0 0;
+      }
+
+      #loading__spinner {
+        width: 2rem;
+        height: 2rem;
+        align-self: center;
+        margin-top: 1rem;
+      }
    </style>
  </head>
  <body class="notification" style="height:600px;">
-    <div id="app-content"></div>
+    <div id="app-content">
+      <img id="loading__logo" src="./images/logo/metamask-fox.svg" />
+      <img id="loading__spinner" src="./images/spinner.gif" />
+    </div>
    <script src="./libs.js" type="text/javascript" charset="utf-8"></script>
    <script src="./ui.js" type="text/javascript" charset="utf-8"></script>
  </body>