File tree 1 file changed +3
-3
lines changed
1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change 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 : ' ' ;
You can’t perform that action at this time.
0 commit comments