|
16 | 16 | Languages, |
17 | 17 | LayoutGrid |
18 | 18 | } from '@lucide/svelte'; |
19 | | - import { scale, fade } from 'svelte/transition'; |
| 19 | + import { scale } from 'svelte/transition'; |
20 | 20 |
|
21 | 21 | let pat = $state(authStore.github.token); |
22 | 22 | let gistId = $state(authStore.github.gistId); |
|
493 | 493 |
|
494 | 494 | <div class="flex items-center gap-2"> |
495 | 495 | <button |
496 | | - type="button" |
497 | | - class="btn grid place-items-center transition-all duration-300 {authStore.activeProvider === 'github' ? 'btn-disabled' : 'btn-outline btn-accent'}" |
| 496 | + type="button" |
| 497 | + class="btn btn-outline btn-accent" |
498 | 498 | onclick={() => setActiveProvider('github')} |
499 | 499 | disabled={authStore.activeProvider === 'github'} |
500 | 500 | > |
501 | | - {#key authStore.activeProvider} |
502 | | - <span class="col-start-1 row-start-1" in:scale={{duration:250, delay: 100, start: 0.95}} out:fade={{duration:150}}> |
503 | | - {authStore.activeProvider === 'github' ? 'Currently Active' : 'Set as Active Sync Provider'} |
504 | | - </span> |
505 | | - {/key} |
| 501 | + {authStore.activeProvider === 'github' ? 'Currently Active' : 'Set as Active Sync Provider'} |
506 | 502 | </button> |
507 | 503 | <button type="submit" class="btn btn-primary"> |
508 | 504 | <Save class="h-4 w-4" /> Save |
|
585 | 581 | </div> |
586 | 582 | <div class="flex items-center gap-2"> |
587 | 583 | <button |
588 | | - type="button" |
589 | | - class="btn grid place-items-center transition-all duration-300 {authStore.activeProvider === 'gdrive' ? 'btn-disabled' : 'btn-outline btn-accent'}" |
| 584 | + type="button" |
| 585 | + class="btn btn-outline btn-accent" |
590 | 586 | onclick={() => setActiveProvider('gdrive')} |
591 | 587 | disabled={authStore.activeProvider === 'gdrive'} |
592 | 588 | > |
593 | | - {#key authStore.activeProvider} |
594 | | - <span class="col-start-1 row-start-1" in:scale={{duration:250, delay: 100, start: 0.95}} out:fade={{duration:150}}> |
595 | | - {authStore.activeProvider === 'gdrive' ? 'Currently Active' : 'Set as Active Sync Provider'} |
596 | | - </span> |
597 | | - {/key} |
| 589 | + {authStore.activeProvider === 'gdrive' ? 'Currently Active' : 'Set as Active Sync Provider'} |
598 | 590 | </button> |
599 | 591 | <button type="submit" class="btn btn-primary"> |
600 | 592 | <Save class="h-4 w-4" /> Save |
|
0 commit comments