Fix login: use inline display:none instead of Tailwind hidden class
This commit is contained in:
parent
4758bafdb7
commit
489c4cf78c
|
|
@ -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();
|
||||
|
|
|
|||
Loading…
Reference in New Issue