diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2019-06-20 05:22:02 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-06-20 05:22:02 +0800 |
| commit | a257a73172cb8d51db20461b982b9b4accb2a429 (patch) | |
| tree | 0e198b6f33700bca06c8a597d30e70fb90dcb8b1 /app | |
| parent | b9d4d3d78e8c4ed4ca24a09ddf2975214cec4d62 (diff) | |
| download | tangerine-wallet-browser-a257a73172cb8d51db20461b982b9b4accb2a429.tar.gz tangerine-wallet-browser-a257a73172cb8d51db20461b982b9b4accb2a429.tar.zst tangerine-wallet-browser-a257a73172cb8d51db20461b982b9b4accb2a429.zip | |
Add loading view to notification.html (#6648)
Diffstat (limited to 'app')
| -rw-r--r-- | app/images/spinner.gif | bin | 0 -> 80392 bytes | |||
| -rw-r--r-- | app/notification.html | 25 |
2 files changed, 24 insertions, 1 deletions
diff --git a/app/images/spinner.gif b/app/images/spinner.gif Binary files differnew file mode 100644 index 000000000..8891f9596 --- /dev/null +++ b/app/images/spinner.gif diff --git a/app/notification.html b/app/notification.html index 042ffa6b8..82bf95ada 100644 --- 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> |
