diff --git a/js/accounts/auth.js b/js/accounts/auth.js index 3d9f614..8fd23df 100644 --- a/js/accounts/auth.js +++ b/js/accounts/auth.js @@ -218,8 +218,14 @@ export class AuthManager { if (clearDataBtn) clearDataBtn.style.display = 'none'; if (emailToggleBtn) emailToggleBtn.style.display = 'inline-block'; - if (githubBtn) { githubBtn.style.display = 'inline-block'; githubBtn.onclick = () => this.signInWithGitHub(); } - if (discordBtn) { discordBtn.style.display = 'inline-block'; discordBtn.onclick = () => this.signInWithDiscord(); } + if (githubBtn) { + githubBtn.style.display = 'inline-block'; + githubBtn.onclick = () => this.signInWithGitHub(); + } + if (discordBtn) { + discordBtn.style.display = 'inline-block'; + discordBtn.onclick = () => this.signInWithDiscord(); + } if (statusText) statusText.textContent = 'Sync your library across devices'; } } diff --git a/js/app.js b/js/app.js index 5e56ef5..8447152 100644 --- a/js/app.js +++ b/js/app.js @@ -2895,7 +2895,8 @@ document.addEventListener('DOMContentLoaded', async () => { headerAccountDropdown.innerHTML = ''; if (!user) { - const iconBtnStyle = 'background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:opacity 0.15s'; + const iconBtnStyle = + 'background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:opacity 0.15s'; headerAccountDropdown.innerHTML = ` Connect with
@@ -2908,13 +2909,22 @@ document.addEventListener('DOMContentLoaded', async () => { `; - for (const id of ['header-discord-auth', 'header-google-auth', 'header-github-auth', 'header-spotify-auth']) { + for (const id of [ + 'header-discord-auth', + 'header-google-auth', + 'header-github-auth', + 'header-spotify-auth', + ]) { const btn = document.getElementById(id); const svg = btn.querySelector('svg'); svg.style.filter = 'brightness(0) invert(1)'; svg.style.transition = 'filter 0.15s'; - btn.addEventListener('mouseenter', () => { svg.style.filter = 'brightness(0) invert(0.5)'; }); - btn.addEventListener('mouseleave', () => { svg.style.filter = 'brightness(0) invert(1)'; }); + btn.addEventListener('mouseenter', () => { + svg.style.filter = 'brightness(0) invert(0.5)'; + }); + btn.addEventListener('mouseleave', () => { + svg.style.filter = 'brightness(0) invert(1)'; + }); } document.getElementById('header-google-auth').onclick = () => authManager.signInWithGoogle();