|
19 | 19 |
|
20 | 20 | {#if otpId} |
21 | 21 | <input type="number" placeholder="Enter OTP" class="w-100 mb-4" bind:value={otp}/> |
22 | | - <button class="btn btn-primary w-100" disabled={!!!otp} on:click={verifyOtp}> |
| 22 | + <button class="btn btn-primary w-100{verifyingOtp?'dot-loader':''}" disabled={!!!otp} on:click={verifyOtp}> |
23 | 23 | {#if verifyingOtp} |
24 | 24 | Verifying OTP |
25 | 25 | {:else} |
|
28 | 28 | </button> |
29 | 29 | {:else} |
30 | 30 | <input type="number" placeholder="Enter 10 digit Mobile Number" class="w-100 mb-4" bind:value={mobile}/> |
31 | | - <button class="btn btn-primary w-100" disabled={!!!mobile} on:click={sendOtp}> |
| 31 | + <button class="btn btn-primary w-100{sendingOtp?'dot-loader':''}" disabled={!!!mobile} on:click={sendOtp}> |
32 | 32 | {#if sendingOtp} |
33 | 33 | Sending OTP |
34 | 34 | {:else} |
|
266 | 266 | .social-media-logo { |
267 | 267 | width: 15px; |
268 | 268 | } |
269 | | - |
| 269 | + |
270 | 270 | .dot-loader::after{ |
271 | 271 | animation: dots 3s linear infinite; |
272 | 272 | content: ''; |
|
0 commit comments