Aumentar tamanho do popup; otimizar pagina de load

2026-05-26 11:55:20 -03:00
parent d936703824
commit acb9208cec
4 changed files with 25 additions and 12 deletions
@@ -26,6 +26,11 @@
      user-select: none;
    }

+    .ring-container {
+      text-align: center;
+      margin-bottom: 3em;
+    }
+
    .ring {
      width: 48px;
      height: 48px;
@@ -35,6 +40,7 @@
      border-radius: 50%;
      animation: spin 0.9s linear infinite;
      opacity: 0.7;
+      display: inline-block;
    }

    @keyframes spin {
@@ -62,6 +68,7 @@
      border: 1px solid #2a2a32;
      border-radius: 6px;
      line-height: 1.6;
+      margin-bottom: 1em;
    }

    .go-now {
@@ -81,11 +88,12 @@
  </style>
 </head>
 <body>
-  <div class="ring"></div>
-  <p class="label">Waiting for <span>focus</span> to load</p>
-  <p class="dest" id="dest"></p>
-  <button class="go-now" id="goNow">Load now →</button>
-
+  <div id="content" style="display: none">
+    <div class="ring-container"><div class="ring"></div></div>
+    <p class="label">Waiting for <span>focus</span> to load</p>
+    <p class="dest" id="dest"></p>
+    <button class="go-now" id="goNow">Load now →</button>
+  </div>
  <script src="loader.js"></script>
 </body>
 </html>