diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 7b4e691..df48fbd 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -55,7 +55,6 @@ isLoggingIn = true; loginMessage = "Türelmed várjuk amíg 3 leakelt adatbázissal egyeztetjük az adataid"; - // Initial delay before API call await new Promise(resolve => setTimeout(resolve, 2000)); try { @@ -88,7 +87,6 @@ if (data.type === 'admin') { isAdmin = true; document.querySelector('main').innerHTML = data.content.html; - // Add event listener for back button after admin panel is loaded const backButton = document.getElementById('backToLogin'); if (backButton) { backButton.addEventListener('click', () => { @@ -116,9 +114,13 @@ password = ''; } } + } else { + loginMessage = "Nem találtuk ezt a felhasználónév és jelszó párt semelyik leakelt adatbázisban"; + isLoggingIn = false; } } catch (error) { - // Keep spinning on error + loginMessage = "Hiba történt a bejelentkezés során. Próbáld újra később."; + isLoggingIn = false; } } @@ -241,9 +243,11 @@ {#if loginMessage} -
+

{loginMessage}

-
+ {#if isLoggingIn} +
+ {/if}
{/if} @@ -473,6 +477,21 @@ font-size: clamp(0.85rem, 3.5vw, 0.9rem); } + .login-error { + background-color: #f8d7da; + border: 1px solid #f5c6cb; + border-radius: 4px; + padding: clamp(0.8rem, 3vw, 1rem); + margin-bottom: 1.5rem; + text-align: center; + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; + font-size: clamp(0.85rem, 3.5vw, 0.9rem); + color: #e74c3c; + } + .spinner { width: clamp(30px, 8vw, 40px); height: clamp(30px, 8vw, 40px);