improve loading experience

2016-03-07 12:42:39 -08:00
parent 0d18641bcb
commit 5f0c8e86ad
3 changed files with 41 additions and 9 deletions
--- a/renderer/index.css
+++ b/renderer/index.css
@@ -23,6 +23,29 @@ body {
  overflow: hidden;
 }

+.loading {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.loading .icon {
+  font-size: 42px;
+  display: block;
+  text-align: center;
+  animation: spin 2s infinite linear;
+}
+
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
 .app {
  -webkit-user-select: none;
  -webkit-app-region: drag;