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>
+  <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>
@@ -25,10 +25,15 @@

  // Navigate when the tab becomes visible (user switches to it)
  if (document.visibilityState === 'visible') {
-    setTimeout(navigate, 80);
-  } else {
+    document.getElementById('content').style.display = 'block';
+    requestAnimationFrame(navigate);
+  }
+  else {
    document.addEventListener('visibilitychange', () => {
-      if (document.visibilityState === 'visible') navigate();
+      if (document.visibilityState === 'visible') {
+        document.getElementById('content').style.display = 'block';
+        requestAnimationFrame(navigate);
+      }
    });
  }
 })();
@@ -1,7 +1,7 @@
 {
  "manifest_version": 3,
  "name": "URL Launcher",
-  "version": "1.0.0",
+  "version": "1.0.1",
  "description": "Paste a list of URLs and open them all as tabs, with optional lazy-load on focus.",
  "action": {
    "default_popup": "popup.html",
@@ -26,8 +26,8 @@
    }

    body {
-      width: 400px;
-      min-height: 300px;
+      width: 600px;
+      /*min-height: 400px;*/
      background: var(--bg);
      color: var(--text);
      font-family: 'Syne', sans-serif;
@@ -92,7 +92,7 @@

    textarea {
      width: 100%;
-      height: 160px;
+      height: 190px;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius);