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 (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';
|
||||
}
|
||||
}
|
||||
|
|
|
|||
18
js/app.js
18
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 = `
|
||||
<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">
|
||||
|
|
@ -2908,13 +2909,22 @@ document.addEventListener('DOMContentLoaded', async () => {
|
|||
<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 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();
|
||||
|
|
|
|||
Loading…
Reference in a new issue