From acb9208cec271793b1b334382de72c60eeb31a9d Mon Sep 17 00:00:00 2001 From: Leonardo Fischer Date: Tue, 26 May 2026 11:55:20 -0300 Subject: [PATCH] Aumentar tamanho do popup; otimizar pagina de load --- loader.html | 18 +++++++++++++----- loader.js | 11 ++++++++--- manifest.json | 2 +- popup.html | 6 +++--- 4 files changed, 25 insertions(+), 12 deletions(-) diff --git a/loader.html b/loader.html index 79ba422..b6602db 100644 --- a/loader.html +++ b/loader.html @@ -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 @@ -
-

Waiting for focus to load

-

- - + diff --git a/loader.js b/loader.js index baeec43..4744bfa 100644 --- a/loader.js +++ b/loader.js @@ -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); + } }); } })(); diff --git a/manifest.json b/manifest.json index 7d82ec0..379d6cb 100644 --- a/manifest.json +++ b/manifest.json @@ -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", diff --git a/popup.html b/popup.html index 6442a15..da9b2eb 100644 --- a/popup.html +++ b/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);