style: auto-fix linting issues
This commit is contained in:
parent
0b6262cdca
commit
27defce9b0
2 changed files with 22 additions and 6 deletions
|
|
@ -218,8 +218,14 @@ export class AuthManager {
|
||||||
|
|
||||||
if (clearDataBtn) clearDataBtn.style.display = 'none';
|
if (clearDataBtn) clearDataBtn.style.display = 'none';
|
||||||
if (emailToggleBtn) emailToggleBtn.style.display = 'inline-block';
|
if (emailToggleBtn) emailToggleBtn.style.display = 'inline-block';
|
||||||
if (githubBtn) { githubBtn.style.display = 'inline-block'; githubBtn.onclick = () => this.signInWithGitHub(); }
|
if (githubBtn) {
|
||||||
if (discordBtn) { discordBtn.style.display = 'inline-block'; discordBtn.onclick = () => this.signInWithDiscord(); }
|
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';
|
if (statusText) statusText.textContent = 'Sync your library across devices';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
18
js/app.js
18
js/app.js
|
|
@ -2895,7 +2895,8 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||||
headerAccountDropdown.innerHTML = '';
|
headerAccountDropdown.innerHTML = '';
|
||||||
|
|
||||||
if (!user) {
|
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 = `
|
headerAccountDropdown.innerHTML = `
|
||||||
<span style="font-size:0.75rem;color:var(--muted-foreground);padding:0.25rem 0.5rem">Connect with</span>
|
<span style="font-size:0.75rem;color:var(--muted-foreground);padding:0.25rem 0.5rem">Connect with</span>
|
||||||
<div style="display:flex;gap:0.5rem;padding:0.25rem 0.5rem;align-items:center">
|
<div style="display:flex;gap:0.5rem;padding:0.25rem 0.5rem;align-items:center">
|
||||||
|
|
@ -2908,13 +2909,22 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||||
<button class="btn-secondary" id="header-email-auth">Connect with Email</button>
|
<button class="btn-secondary" id="header-email-auth">Connect with Email</button>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
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 btn = document.getElementById(id);
|
||||||
const svg = btn.querySelector('svg');
|
const svg = btn.querySelector('svg');
|
||||||
svg.style.filter = 'brightness(0) invert(1)';
|
svg.style.filter = 'brightness(0) invert(1)';
|
||||||
svg.style.transition = 'filter 0.15s';
|
svg.style.transition = 'filter 0.15s';
|
||||||
btn.addEventListener('mouseenter', () => { svg.style.filter = 'brightness(0) invert(0.5)'; });
|
btn.addEventListener('mouseenter', () => {
|
||||||
btn.addEventListener('mouseleave', () => { svg.style.filter = 'brightness(0) invert(1)'; });
|
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();
|
document.getElementById('header-google-auth').onclick = () => authManager.signInWithGoogle();
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue