Fix login: use inline display:none instead of Tailwind hidden class

This commit is contained in:
James 2026-02-28 10:54:31 -05:00
parent 4758bafdb7
commit 489c4cf78c
1 changed files with 5 additions and 5 deletions

View File

@ -45,7 +45,7 @@
</div>
<!-- Step 2: OTP Code -->
<div id="step-code" class="hidden bg-[#0d1f3c] border border-white/[0.08] rounded-xl p-8">
<div id="step-code" style="display:none" class="bg-[#0d1f3c] border border-white/[0.08] rounded-xl p-8">
<h2 class="text-xl font-semibold text-white mb-2">Enter your code</h2>
<p class="text-[#94a3b8] text-sm mb-6">
We sent a 6-digit code to <span id="sent-email" class="text-white font-medium"></span>
@ -115,8 +115,8 @@
// Show code step
document.getElementById('sent-email').textContent = currentEmail;
document.getElementById('step-email').classList.add('hidden');
document.getElementById('step-code').classList.remove('hidden');
document.getElementById('step-email').style.display='none';
document.getElementById('step-code').style.display='block';
document.getElementById('code').focus();
} catch (err) {
errorEl.textContent = err.message;
@ -164,8 +164,8 @@
// Back button
document.getElementById('backBtn').addEventListener('click', () => {
document.getElementById('step-code').classList.add('hidden');
document.getElementById('step-email').classList.remove('hidden');
document.getElementById('step-code').style.display='none';
document.getElementById('step-email').style.display='block';
document.getElementById('code').value = '';
document.getElementById('error-code').classList.add('hidden');
document.getElementById('email').focus();