fix: center vertically the loading screen (#20)

decentraland · Dec 16, 2021 · 9b4e3da · 9b4e3da
1 parent 19fbb59
commit 9b4e3da
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dcl/explorer-desktop-launcher",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "author": "decentraland",
   "description": "Decentraland Desktop Launcher",
   "homepage": ".",

diff --git a/public/index.html b/public/index.html
@@ -9,25 +9,45 @@
     @supports (font-variation-settings: normal) {
       html { font-family: 'Inter var', sans-serif; }
     }
-    body {
-      background-color: black;
-      color: white;
-      margin-top: 200px;
+    html, body
+    {
+        height: 100%;
+        margin:0;
+        padding:0;
+        color: #fff;
+        background-color: #000;
     }
-    img {
-      display: block;
-      margin-left: auto;
-      margin-right: auto;
-      background-color: transparent;
+
+    .container {
+        position:relative;
+        height: 100%;
+        width:100%;
+    }
+
+    .container .image {
+        position:absolute;
+        top:0;
+        left:0;
+        right:0;
+        bottom:0;
+        margin:auto;
+        width: 250px;
+        height: 170px;
+        text-align: center;
     }
+
     p {
       text-align: center;
     }
   </style>
 </head>
 <body>
-  <img src="decentraland-loading.gif" alt="Decentraland" width="128px">
-  <p>Loading Decentraland</p>
+  <div class="container">
+    <div class="image">
+      <img src="decentraland-loading.gif" alt="Decentraland" width="128px">
+      <p>Loading Decentraland</p>
+    </div>
+  </div>
 <script>
 // TODO: Implement launcher `dev-mode` here
 /*// Display the current version